使用 css 和 javascript 从 asp.net 中的文本框中删除默认焦点答案

【问题标题】：Remove default focus from textbox in asp.net using css and javascript使用 css 和 javascript 从 asp.net 中的文本框中删除默认焦点
【发布时间】：2011-09-25 03:20:35
【问题描述】：

我有一个登录表单，用户点击“txtUsername”，这是一个简单的文本框，默认情况下它以黄色边框突出显示，但我想删除它。

怎么做？

如果我手动添加一些 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>

【问题讨论】：

标签： javascript asp.net css

【解决方案1】：

尝试以下方法：

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

这是一个演示：jsFiddle demo

【讨论】：

是的，谢谢你，我仍然可以看到一些黄色边框我们可以删除它还是不删除。