当页面上有多个按钮时，按钮样式在页面加载时有很厚的边框

这是我在这里问的第一个问题，堆栈溢出。当页面上有多个按钮时，按钮样式在页面加载时有很厚的边框

我有一个问题，现在一直在窃听我。

当我在页面上加载了多个按钮的页面时，HTML标记中的第一个按钮似乎让按钮周围出现这个思考边框。

我很抱歉，如果这已被问过，但我读过，与此相关的问题，但至今没有成功与打击这一问题与解决这一问题的建议很多论坛。我猜测它与页面加载时按钮焦点有关，按下键盘按钮时的可用性。

我希望有一种方式来设置这个按钮的样式，当IE 7和以上的焦点模式，无论是通过javascript或在后面的代码。我正在使用VB.net，但如果后面的代码是要走的路线，将非常感谢C＃示例。

任何帮助将不胜感激。

感谢杰克

来源

2010-02-13 jake.cook1

欢迎SO杰克。 – 2010-02-13 23:23:26

不是直接为您的问题提供解决方案，但可以通过将表单中的defaultbutton属性设置为所需的按钮控件ID来指定哪个按钮应该获得焦点。 – Filburt 2010-02-13 23:42:05

你可以在某个地方放置截图或示例页面吗？ “厚”有多厚？你有没有按钮的CSS规则？ – Pointy 2010-02-14 03:33:38

尝试应用CSS样式与按钮：focus伪类，它可以允许改变按钮的样式。不知道这是否在所有主流浏览器中都支持。

http://www.w3schools.com/CSS/pr_pseudo_focus.asp

来源

2010-02-14 05:05:26

嘿，我认为我需要更多的声誉来添加图像基本上，按钮是一个带有1px黑色边框的样式化的平面按钮，背景和按钮的文本已被更改。当页面加载时，第一个按钮会获得2-3px的边框。但我认为菲尔布特有这个问题的正确答案，我认为与IE浏览器，你只是坚持这个问题。现在它不坏，因为我已经与我的项目经理讨论过这个问题，并且按钮显示它们是如何，因为他说它是一个可用性的东西，所以用户不会为键盘单击而关注哪个按钮。 – 2010-02-14 21:43:18

但是，如果有人确实有解决这个问题，真的会对一个答案感兴趣，因为我已经尝试了很多方法来解决这个问题，但都没有成功。感谢你的帮助。 – 2010-02-14 21:44:36

此外，大脑感谢您的答案，至于我不，它是正确的其他浏览器，但没有IE浏览器（IE总是不一样）。 – 2010-02-14 21:48:16

你可以尝试在包装跨度按钮，给跨度边界，从按钮移除？

风格：

<style type="text/css"> 
    .span-button INPUT { background-color: transparent; border-width: 0px; } 
    .span-button { background: Silver; border: 1px solid red; } 
</style>

HTML：

<span class="span-button"><input type="button" value="wrapped button" /></span>

来源

2010-03-02 22:31:43 Knoxy

如果你的意思是由粗边框：高亮通过IE为表单上找到的第一个提交按钮进行预设，然后检查此：Stopping IE from highlighting the first submit-button in a form

来源

2010-06-24 08:41:10

使用这些CSS样式

a:active, a:focus,input, input:active, input:focus{  outline: 0;  outline-style:none;  outline-width:0; } 
a:active, a:focus,button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner 
{  border: none; }

:focus {outline:none;} ::-moz-focus-inner {border:0;}

一旦CSS样式部分已经完成了，那么你可能还需要设置IE-模拟器。更新您的Web应用程序web.config文件并包含下面的键。

<system.webServer> 
    <httpProtocol> 
     <customHeaders> 
     <clear /> 
     <add name="X-UA-Compatible" value="IE=7; IE=9; IE=8; IE=5;" /> 
     </customHeaders> 
    </httpProtocol> 

    </system.webServer>

来源

2011-04-19 10:13:41 VIP

当页面上有多个按钮时，按钮样式在页面加载时有很厚的边框

回答

相关问题