首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Ie9中禁用Html蓝光

如何在Ie9中禁用Html蓝光
EN

Stack Overflow用户
提问于 2011-10-12 14:47:59
回答 3查看 4.5K关注 0票数 2

我知道以前有人问过这个问题,但我在IE9工作时遇到了一些困难。我有一个包含3个表单的html页面(因为每个表单都包含对一个网站上不同资源的请求)。html如下所示:

代码语言:javascript
复制
<form action="/SomeController1/Action" method="get"><button name="action" value="someValue">Request the first thing</button></form>
<form action="/SomeController2/Action" method="get"><button name="action" value="someValue">Request the second thing</button></form>
<form action="/SomeController3/Action" method="get"><button name="action" value="someValue">Request the third thing</button></form>

当页面加载时,我试图禁用显示在所有三个按钮上的蓝色辉光。我觉得这看起来很混乱..。

我试图实现的解决方案,似乎不起作用,是:

代码语言:javascript
复制
button
{
    outline-width: 0px;
    outline: none;
}

无论如何,火狐或Chrome并不会出现这种辉光,它似乎只是出现在IE中。我想我可以只使用一个表单并在其中添加3个按钮,但是这看起来更像是一个解决方案,而不是一个解决方案。是否有任何方法可以使用CSS或javascript来做到这一点?任何帮助都将不胜感激!

谢谢!

编辑-以下是问题的图像:

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-10-12 15:48:37

我只是希望去掉蓝色。

您不能仅仅摆脱它,因为使用系统主题中的本机按钮。查看带有按钮的任何系统对话框,例如,当您更改墙纸时。

只有当你愿意自己设计一个漂亮的按钮,首先设置一个border/background (它禁用了本机样式),你才能去除蓝色的内在光泽。

票数 2
EN

Stack Overflow用户

发布于 2011-10-12 14:50:30

你的意思是边境?既然如此,那就去做吧;

代码语言:javascript
复制
button { border: 0; }
票数 1
EN

Stack Overflow用户

发布于 2014-04-11 17:51:30

我没有IE9测试--但是在CSS中,你应该试一试。

代码语言:javascript
复制
button:focus {
    outline:none;
    box-shadow:none;
}

改编自"Removing the blue glow from an HTML text input when selected"

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7741964

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档