當頁面上有多個按鈕時，按鈕樣式在頁面加載時有很厚的邊框

這是我在這裏問的第一個問題，堆棧溢出。當頁面上有多個按鈕時，按鈕樣式在頁面加載時有很厚的邊框

我有一個問題，現在一直在竊聽我。

當我在頁面上加載了多個按鈕的頁面時，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

當頁面上有多個按鈕時，按鈕樣式在頁面加載時有很厚的邊框

回答

相關問題