刪除默認的焦點從使用CSS和JavaScript

我在那裏的「txtUsername」，這是一個簡單的文本框，然後它強調了與默認的黃色邊框，但用戶cicks我想刪除一個登錄表單在asp.net文本框那。刪除默認的焦點從使用CSS和JavaScript

如何做到這一點？

，如果我手動添加一些CSS樣式我可以改變文本框的焦點元素，但它也加入到了以前的邊界，這是「黃」。所以我需要刪除

任何幫助將不勝感激！

這裏是我的CSS代碼：

 .onfocus 
{ 
    border: thin groove #3366CC; 
} 
     .onblur 
     { 
      border:; 
     }

這裏是腳本代碼：

<script type="text/javascript"> 
    function Change(obj, evt) { 
     if (evt.type == "focus") 
      obj.className = "onfocus"; 
     else if (evt.type == "blur") 
      obj.className = "onblur"; 
    } 
</script>

表格代號：

<asp:TextBox ID="txtUsername" runat="server" Style="position: absolute; top: 76px; 
     left: 24px; width: 189px; height: 24px;" onfocus="Change(this, event)" onblur="Change(this, event)" 
     BackColor="#FAFFBD"></asp:TextBox>

來源

2011-09-24 coder

嘗試以下操作：

<style type="text/css"> 
#element:focus { border: 1px solid red; } 
</style> 
<input type="text" id="element" />

這裏是一個演示：jsFiddle demo

來源

2011-09-24 19:13:43

仍然具有焦點。 – coder

我編輯了我的答案，希望這有助於。 –

是感謝這一點，我仍然可以看到周圍的一些黃色邊框，我們可以刪除或忽略了最低。 – coder

刪除默認的焦點從使用CSS和JavaScript

回答

相關問題