邊框下拉列表

我可以以某種方式刪除下拉列表中的虛線邊框。每當我點擊下拉列表，我得到這個虛線的邊界。示例在圖像中。邊框下拉列表

enter image description here

編輯：

CSS：

option { 
    height: 20px; 
    padding: 7px 0 5px 3px; 
    outline: none; 
    border: none; 
}

HTML：

<select onchange="window.open(this.options[this.selectedIndex].value,'_top')"> 
       <option value="">Razvrsti restavracije po</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
      </select>

來源

2011-02-26 senzacionale

顯示一些代碼！ – Sam152 2011-02-26 10:37:36

這是在一個瀏覽器中？哪一個？ – rene 2011-02-26 10:43:17

它指示哪個控件當前具有輸入焦點。並非所有人都使用鼠標。你面前的那塊大鍵盤也可以在屏幕上瀏覽。 **不管你覺得它看起來多麼「醜陋」，請單獨留下**。 – 2011-02-26 10:50:36

我認爲邊界被一些人誰喜歡用自己的鍵盤導航。所以刪除它可能不是一個好主意。

來源

2011-02-26 10:42:30 naiquevin

您可以使用CSS outline屬性禁用此類邊界：

outline: none;

來源

2011-02-26 10:46:22 Ray

我已經有大綱：無;但不工作。我正在使用Firefox瀏覽器。 – senzacionale 2011-02-26 11:35:47

試着把它放在選擇而不是選項上，或者兩者兼而有之。 – Ray 2011-02-26 11:53:07

這是一樣的。 – senzacionale 2011-03-03 08:33:34

我不認爲這是可能的CSS。什麼是已知的是，虛線邊框有顏色的文字相同，因此，如果您設置字體顏色相同的背景，將「消失」但你的文本將太：

也許你可以用一些JavaScript玩：

onmouseover="this.style.color='#DFF1FA'" onmouseout="this.style.color='#000000'"

或將它在你的onchange ATT：this.blur()

<select onchange="window.open(this.options[this.selectedIndex].value,'_top'); this.blur()"> 
       <option value="" style="color:black">Razvrsti restavracije po</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
       <option value="#">Odrto test</option> 
      </select>

有了它的虛線輪廓會選擇一個選項後消失。

你可以做更多...

JavaScript rulez！

來源

2011-02-26 17:20:35

嗨，我嘗試你的代碼，但不工作。我仍然有邊界 – senzacionale 2011-02-27 15:49:28

邊框下拉列表

回答

相關問題