我知道以前有人问过这个问题,但我在IE9工作时遇到了一些困难。我有一个包含3个表单的html页面(因为每个表单都包含对一个网站上不同资源的请求)。html如下所示:
<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>当页面加载时,我试图禁用显示在所有三个按钮上的蓝色辉光。我觉得这看起来很混乱..。
我试图实现的解决方案,似乎不起作用,是:
button
{
outline-width: 0px;
outline: none;
}无论如何,火狐或Chrome并不会出现这种辉光,它似乎只是出现在IE中。我想我可以只使用一个表单并在其中添加3个按钮,但是这看起来更像是一个解决方案,而不是一个解决方案。是否有任何方法可以使用CSS或javascript来做到这一点?任何帮助都将不胜感激!
谢谢!
编辑-以下是问题的图像:

发布于 2011-10-12 15:48:37
我只是希望去掉蓝色。
您不能仅仅摆脱它,因为使用系统主题中的本机按钮。查看带有按钮的任何系统对话框,例如,当您更改墙纸时。
只有当你愿意自己设计一个漂亮的按钮,首先设置一个border/background (它禁用了本机样式),你才能去除蓝色的内在光泽。
发布于 2011-10-12 14:50:30
你的意思是边境?既然如此,那就去做吧;
button { border: 0; }发布于 2014-04-11 17:51:30
我没有IE9测试--但是在CSS中,你应该试一试。
button:focus {
outline:none;
box-shadow:none;
}改编自"Removing the blue glow from an HTML text input when selected"。
https://stackoverflow.com/questions/7741964
复制相似问题