溢出在Opera中不起作用?

时间:2013-04-22 15:08:56

标签: html css textarea

内容超出时,如何break the wordsdisable the scroll bar textarea?仅限Opera中的问题。

我的textarea看起来像,

enter image description here

overflow:auto属性适用于除Opera之外的所有浏览器。

我的CSS将是,

#message {
    width: 99.5%;
    height: 60px;
    border: none;
    overflow: auto;
    resize: none;
    outline: none;
    border-color: #6495ED;
    border-style: solid;
    border-width: 1px;


    }

如何解决这个问题。绝对赞赏好的答案。

1 个答案:

答案 0 :(得分:1)

试试这个

    {
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}