html - 点击里面后HTML textarea外观改变了吗？

Question

在我点击进去后，我的Textarea外观将会改变。这将发生在google-chrome, Safari。当页面被加载时，它还会显示一个滚动条Opera。

我不想改变外观。

在点击之前Textarea，

点击进去后Textarea，

同样在 opera，Textarea 看起来带有滚动条，

如何禁用此滚动条opera？它会在页面加载时发生在歌剧中。

我的jsp意志是，

<div id="messageArea">
    <table border="0" width="95%">
        <tr>
            <td id="msgvalue" style="width:91%;border-color: #6495ED;border-style: solid;border-width: 1px;">
            <textarea id="message" onkeypress="javascript:message_onkeypress(event);" ></textarea></td>
            <td style="width:2%;"></td>
            <td style="width:7%;"><input type="submit" name="send" value="Send" id="sendButton"  /></td>
        </tr>
    </table>
</div>

我的CSS意志是

#messageArea {
    padding-left: 16px;
    height: 10%;
    width: 95%;
    background-color: white;
}

#message {
    width: 99.5%;
    height: 49px;
    border: none;
    overflow: auto;
    resize: none;
}

#sendButton {
    width: 100%;
    height: 60px;
    background-color: #5690dd;
    color: white;
}

好的答案将不胜感激。

Answer 1

您应该可以使用以下方法将其删除：

textarea:focus, input:focus{
    outline: none;
}

Answer 2

你可以这样写：

#message{outline:none}

Answer 3

所有版本的 IE 在文本区域上都有一个滚动条，即使它们是空的。如果你想删除试试这个

CSS

textarea { overflow: auto; } 

当文本区域中的文本扩展超出其边界时，滚动条将（正确地）返回。

编辑： 你可以试试这个歌剧

textarea {

resize: none;

}

Answer 4

尝试这个：

textarea 
{ 
    overflow: auto; 
}

Answer 5

td从您的元素中删除边框样式，然后将其应用到您的元素上textarea，您应该一切顺利。

<td id="msgvalue" style="width:91%;">
   <textarea id="message" onkeypress="javascript:message_onkeypress(event);" style="border: 1px solid #6495ED"></textarea>
</td>