我设置一个input的focus事件时发现个问题我是想在INPUT获取焦点的时候改变边框颜色,这个input控件已经有了一个CSS属性确定的border-color:Blue
然后,我在onfocus事件里改变边框的颜色为黄色。结果运行发现根本onfocus事件没起作用(页面无错)。再后,我把CSS属性里的
border-color取消了,onfocus事件就起作用了。难道是先设置了风格然后通过事件无法改变该风格?那如果我想一开始边框就是蓝色,然后FOCUS事件里改成黄色,怎么做?求教

解决方案 »

  1.   

    你先写好两个CSS。input 不要带任何CSS使用onfocus 来却换两个不同的css
      

  2.   

    我是这样写的:
    <input type="text" id="name" class="text" onfocus="this.className='focus'" onblur="this.className='text'" />
    把.text选择器中的边框颜色设置成蓝色,.focus中的设置成黄色,就可以看到你想要的效果了。
      

  3.   

    不要直接在input里面写样式,弄出来就可以了