当前位置: 代码迷 >> HTML/CSS >> 为何<textarea>四周边框的颜色不一致
  详细解决方案

为何<textarea>四周边框的颜色不一致

热度:1569   发布时间:2012-09-05 15:19:34.0
为什么<textarea>四周边框的颜色不一致
各位大侠,小弟建立了一个test.html,并插入样式表:

textarea的样式表如下:  
textarea{
  overflow:auto;
  }
  textarea:hover{
  border-color: #FF00FF;
  }
输入文本如下:
  <textarea name = "" cols="53" rows="4"></textarea>

在IE8下:
textarea只有下、右边框的颜色为#FF00FF。而上、左边框的颜色为黑色,这是为什么?

------解决方案--------------------
那是因为浏览器的默认值就是那样的,
要达到你想要的效果,给个默认值:
HTML code

<style type="text/css">
    textarea{
        overflow:auto; border:1px solid #ccc;
    }
    textarea:hover{
        border-color: #FF00FF;
    }
</style> 
  相关解决方案