1

中をクリックすると見た目Textareaが変わります。これは、で発生しgoogle-chromeますSafari。また、ページがロードされるとスクロールバーが表示されOperaます。

外見は変えたくない。

をクリックする前にTextarea、

ここに画像の説明を入力

をクリックした後Textarea、

ここに画像の説明を入力

また opera、テキストエリアはスクロールバーで見えますが、

ここに画像の説明を入力

でこのスクロール バーを無効にする方法は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;
}

良い回答をいただければ幸いです。

4

5 に答える 5

2

次を使用して削除できるはずです。

textarea:focus, input:focus{
    outline: none;
}
于 2013-04-22T11:49:21.027 に答える
1

次のように書くことができます。

#message{outline:none}
于 2013-04-22T12:05:29.680 に答える
0

要素から境界線のスタイルを削除しtd、代わりに要素に適用すると、準備完了textareaです。

<td id="msgvalue" style="width:91%;">
   <textarea id="message" onkeypress="javascript:message_onkeypress(event);" style="border: 1px solid #6495ED"></textarea>
</td>
于 2013-04-22T11:56:24.773 に答える
0

IE のすべてのバージョンには、テキスト領域が空の場合でもスクロール バーがあります。削除したい場合は、これを試してください。

CSS

textarea { overflow: auto; }

テキストエリア内のテキストがその境界を超えて拡大すると、スクロールバーは（当然のことながら）戻ります。

編集： オペラでこれを試すことができます

textarea {

resize: none;

}
于 2013-04-22T13:19:09.953 に答える