Textarea 要素のサイズ変更グラバーはカスタマイズできますか?

Textarea サイズ変更グラバーのスタイル

質問:

サイズ変更グラバー (小さいサイズのグラバー) を使用できますか? textarea 要素の右下隅のハンドル) をカスタマイズできますか?

答え:

はい、WebKit をサポートするブラウザーでスタイルを設定できます。

WebKit は、textarea 要素に追加するサイズ変更コントロール用の ::-webkit-resizer 擬似要素を提供します。これは、display や​​ -webkit-Appearance などの CSS プロパティを使用してカスタマイズできます。

例:

サイズ変更グラバーを非表示にするには:

<code class="css">::-webkit-resizer {
  display: none;
}</code>

グラバーにカスタムの外観を与えるには:

<code class="css">::-webkit-resizer {
  -webkit-appearance: none;
  background-color: red;
  border: 1px solid blue;
}</code>

以上がTextarea 要素のサイズ変更グラバーはカスタマイズできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。