IE8 + IE9 HTML和CSS焦點

我正在研究一個HTML頁面，我們希望input字段和select dropboxes在其周圍有一個邊框，因爲它是標籤頁和焦點。我定義的輸入級我的CSS中像這樣：IE8 + IE9 HTML和CSS焦點

input.highlight:focus { 
border: #003366; 
border-style: solid; 
border-width: 2px;  
}

輸入字段我的HTML文件中定義，像這樣：

<input class="highlight" name="attorneyName" id="attorneyName" type="text" value="John Jackson" size="50" maxlength="30">

的重點似乎在Chrome中工作正常，但在IE的焦點仍然在我的一個按鈕上，不管我做什麼。該按鈕似乎竊取了焦點屬性，並且頁面從不關注任何輸入字段，因此字段永遠不會顯示帶有圍繞它們的邊框，而它們正在標籤頁中。這個問題的原因是什麼？

來源

2012-01-18 raphnguyen

你可以吐出一個jsFiddle或分享完整的代碼？ – j08691 2012-01-18 21:04:26

http://jsfiddle.net/raphnguyen/7Btj3/。它似乎也適當集中在jsFiddle，但不是在我的IE8或IE9版本。 – raphnguyen 2012-01-18 21:08:49

在這種情況下，您是否有我們可以檢查的實時鏈接，因爲它可能不是您給我們的CSS/HTML。 – 2012-01-18 21:10:58

從另一個線程，有人能指出:focus屬性在IE9只承認。這解釋了爲什麼jsFiddle版本可以正常工作。但是，從本地驅動器運行HTML文件時，IE9以IE8及更低版本的兼容模式運行，並且:focus屬性永遠不會被識別。

來源

2012-01-25 17:06:09 raphnguyen

您是否嘗試將tab索引屬性設置爲頁面元素。此屬性受所有主流瀏覽器支持。支持瀏覽器是：IE，safari，firefox，chrome。

來源

2012-01-18 21:39:32 iDroid

感謝您的建議。這正確地選中了我設置爲'tabindex =「1」'的字段，但沒有解決焦點問題。設置「<！DOCTYPE html PUBLIC」 - // W3C // DTD XHTML 1.0 Transitional // EN「」http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd「>使得頁面焦點正確，但我失去了頁面的其他元素。是否有DOCTYPE可以解決我的問題，同時保持與我的頁面的其他元素的兼容性？ – raphnguyen 2012-01-18 21:45:36

@raphnguyen：如果您沒有使用文檔類型，則無法獲得幫助。 – Hello71 2012-01-18 22:15:03

「該按鈕似乎竊取了焦點屬性，並且頁面從不關注任何輸入字段，因此當它們被標記時，字段永遠不會顯示帶有邊框的邊框。」

如果我明白你的問題，那麼你有一個問題，而從一個元素到另一個右鍵？

如果是這種情況，那麼索引值（或任何順序）越來越大的tab-index將允許您根據設置的tab-index選擇下一個元素，而DOCTYPE標記指定標記語言的規則瀏覽器正確呈現內容。當然，Doctype中的更改往往會在頁面中發生變化。快速瀏覽一下w3學校關於doctype的信息，希望它能發現一些亮點。

乾杯，阿倫

來源

2012-01-18 22:00:30 iDroid

不，我沒有麻煩從一個元素跳到另一個元素。我已經爲每個文本字段設置了一個焦點屬性，這樣當焦點位於焦點時，用戶就可以在視覺上看到它的邊框。反而會發生什麼，無論用戶在哪個字段上，唯一繼承焦點屬性的是「監獄地址」按鈕。文本字段可以標記並編輯得很好，但永遠不會表明它與視覺邊界對焦。 – raphnguyen 2012-01-19 02:16:23

你可以分享你的代碼嗎，這樣我就可以工作，並希望能幫助你 – iDroid 2012-01-19 05:26:15

IE8 + IE9 HTML和CSS焦點

回答

相關問題