ホームページ  >  記事  >  ウェブフロントエンド  >  CSS は丸いテキスト ボックスを定義しますが、フォーカスを取得すると角が四角くなり、見苦しくなります_html/css_WEB-ITnose

CSS は丸いテキスト ボックスを定義しますが、フォーカスを取得すると角が四角くなり、見苦しくなります_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:58:221334ブラウズ

このように定義されます

.grade_text{border-radius:10px;cursor:pointer;text-indent:12px;}
。 Grade_text:focus{border-radius:10px;cursor:pointer;}
以下はフォーカスなしとフォーカスありのスタイルです


フォーカスがかかったときに角を丸くする方法を教えてください。 .grade_text:focus{border-radius:10px;cursor:pointer;} を追加しました


ディスカッションに返信 (解決策)

summary:none

この属性を追加してみてください

外側の境界線を削除します。

CSS を使用して角丸のテキスト ボックスを定義しました。テキスト ボックスにフォーカスが移ったら、丸い境界線を設定することもできます。

アウトライン:なし

この属性を追加してみます

外側の境界線を削除します。

------------------------------------------------ ------------------------
ありがとうございます。それはほんの小さな問題ですが、それはあなたの深い知識を反映している可能性があります、友よ。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。