Javascript 如果一个颜色为onblur，则删除其他颜色的边框

我试图在字段上设置一个边框颜色，当它处于焦点时，它周围有一个边框颜色，然后当它不再处于焦点时，默认返回到它的正常默认边框

<p>
            <label for="username">
                <span>Enter Email</span>
                <input type="text" id="Text4" name="username" 
                    onfocus="this.style.borderColor='#00B4FF'" onblur="this.style.borderColor='#D9D9D9'"
                    class="semi-medium-text" /></label><span id="Span4"></span></p>

用于下拉列表的类是

.semi-selction {
border: 2px solid #D9D9D9;
border-radius: 5px 5px 5px 5px;
height: 37px;
padding: 5px;
vertical-align: middle;
width: 362px;
}

当它处于聚焦/模糊状态时，这会正确地在其周围放置边框颜色，但当它不再处于聚焦/模糊状态时，边框颜色将保持不变。。这就是问题。。

---

提前感谢您的建议

您在第二段代码中遗漏了一些引号，这似乎是问题所在：

<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9">

应该是：

<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9'">

我已经测试过了，效果不错

---

我还可以推荐添加样式

大纲：none到您的选择框？Chrome和我认为Firefox在默认情况下会在
的周围放置一个丑陋的框，这会破坏你想要的东西。
非常感谢。是的，你可以，我还建议添加样式大纲：无；请编辑以上代码，因为它在firefox中也不能正常工作..：(
<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9">

<select id="Select9" class="semi-selction" maxlength="255" onfocus="this.style.borderColor='#00B4FF'"
                onblur="this.style.borderColor='#D9D9D9'">