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

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

Jun 24, 2016 am 11:58 AM
丸い角 意味 テキストボックス 集中

このように定義されます

.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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

OneNote で画像を背景として設定する方法 OneNote で画像を背景として設定する方法 May 14, 2023 am 11:16 AM

Onenote は、Microsoft が提供する最高のメモ作成ツールの 1 つです。 Onenote を Outlook や MSTeams と組み合わせると、仕事と個人の創造的な生産性を向上させるための強力な組み合わせになります。違う形式でメモを取らなければなりませんが、それは単に物事を書き留めるだけではないかもしれません。日々の仕事の中で、さまざまなソースから画像をコピーし、編集を行う必要がある場合があります。変更を適用する方法を知っていれば、Onenote に貼り付けた画像は大いに役立ちます。 Onenote を使用しているときに、Onenote に貼り付けられた画像が快適に作業できないという問題に遭遇したことはありますか?この記事では、Onenote で画像を効果的に使用する方法について説明します。我々はできる

iOS 17: スタンバイモードでiPhoneの時計スタイルを変更する方法 iOS 17: スタンバイモードでiPhoneの時計スタイルを変更する方法 Sep 10, 2023 pm 09:21 PM

スタンバイは、iPhone が充電器に接続され、水平 (または横) 向きになっているときにアクティブになるロック画面モードです。これは 3 つの異なる画面で構成されており、そのうちの 1 つは全画面表示されます。時計のスタイルを変更する方法については、この記事を読んでください。 StandBy の 3 番目の画面には、垂直にスワイプできるさまざまなテーマで時刻と日付が表示されます。一部のテーマでは、温度や次のアラームなどの追加情報も表示されます。時計を押し続けると、デジタル、アナログ、ワールド、ソーラー、フローティングなどのさまざまなテーマを切り替えることができます。 Float はカスタマイズ可能な色の大きなバブル数字で時間を表示します。Solar はさまざまな色の太陽フレアのデザインを備えたより標準的なフォントを持ち、World は世界を強調表示して表示します。

パワーポイントでクリックするまでテキストを非表示にする方法 パワーポイントでクリックするまでテキストを非表示にする方法 Apr 14, 2023 pm 04:40 PM

PowerPoint でクリックする前にテキストを非表示にする方法 PowerPoint スライド上の任意の場所をクリックしたときにテキストを表示したい場合、設定はすばやく簡単です。 PowerPoint でボタンをクリックする前にテキストを非表示にするには: PowerPoint ドキュメントを開き、[挿入] メニューをクリックします。 「新しいスライド」をクリックします。 [空白] または他のプリセットのいずれかを選択します。 [挿入] メニューで [テキスト ボックス] をクリックします。テキスト ボックスをスライド上にドラッグします。テキストボックスをクリックして、あなたの名前を入力してください

win11 ウィンドウの角を丸い角に変更するためのガイド win11 ウィンドウの角を丸い角に変更するためのガイド Dec 31, 2023 pm 08:35 PM

win11システムを更新した後、多くの友人は、win11インターフェイスウィンドウが新しい角の丸いデザインを採用していることに気付きました。しかし、この角の丸いデザインが気に入らず、以前のインターフェースに変更したいが、変更方法がわからないという人もいます。 win11 で角丸を変更する方法 1. win11 の角丸デザインは組み込みのシステム設定であり、現時点では変更できません。 2. したがって、win11 の角の丸いデザインを使用するのが気に入らない場合は、Microsoft が変更方法を提供するまで待つことができます。 3. どうしても慣れない場合は、以前の win10 システムに戻すこともできます。 4. ロールバックする方法がわからない場合は、このサイトで提供されているチュートリアルを確認してください。 5. 上記のチュートリアルを使用して戻ることができない場合でも、戻ることができます。

ショートビデオの定義は何ですか? ショートビデオの定義は何ですか? Dec 23, 2020 pm 02:56 PM

ショートビデオの定義は、さまざまな新しいメディアプラットフォームで再生される高頻度プッシュビデオコンテンツを指し、移動中や短期間の余暇状態での視聴に適しており、通常は 5 分以内に新しいインターネットメディアで拡散されます。 ; コンテンツは、スキルの共有、ユーモア、ファッショントレンド、社会的ホットスポット、街頭インタビュー、公共福祉教育、広告の創造性、ビジネスのカスタマイズなどのテーマを組み合わせています。ショートビデオは、制作プロセスがシンプルで、制作の敷居が低く、参加者が多いという特徴があります。

MySQL複合主キーの定義と機能 MySQL複合主キーの定義と機能 Mar 15, 2024 pm 05:18 PM

MySQL の複合主キーは、テーブル内の複数のフィールドで構成される主キーを指し、各レコードを一意に識別するために使用されます。単一の主キーとは異なり、複合主キーは複数のフィールドの値を組み合わせて形成されます。テーブルを作成するときに、複数のフィールドを主キーとして指定することにより、複合主キーを定義できます。複合主キーの定義と機能を示すために、最初に users という名前のテーブルを作成します。このテーブルには、id、ユーザー名、電子メールの 3 つのフィールドが含まれます。id は自動インクリメントされる主キー、ユーザーです。

ディスカスとは何ですか? Discuzの定義と機能紹介 ディスカスとは何ですか? Discuzの定義と機能紹介 Mar 03, 2024 am 10:33 AM

「Discuz の探索: 定義、機能、およびコード例」 インターネットの急速な発展に伴い、コミュニティ フォーラムは人々が情報を取得し、意見を交換するための重要なプラットフォームになりました。多くのコミュニティ フォーラム システムの中でも、Discuz は中国でよく知られたオープン ソース フォーラム ソフトウェアとして、大多数の Web サイト開発者や管理者に好まれています。それで、ディスカスとは何ですか?どのような機能があり、Web サイトにどのように役立つのでしょうか?この記事では、Discuz について詳しく紹介し、読者がDiscuz についてさらに学ぶのに役立つ具体的なコード例を添付します。

Microsoft Wordでカスタム枠線を作成する方法 Microsoft Wordでカスタム枠線を作成する方法 Nov 18, 2023 pm 11:17 PM

学校のプロジェクトの表紙を刺激的なものにしたいですか?ワークブックのホームページにある素敵でエレガントな境界線ほど、他の提出物と比べて目立つものはありません。しかし、Microsoft Word の標準の単一行の枠線は非常に目立ちすぎて退屈なものになってしまいました。したがって、Microsoft Word 文書でカスタム枠線を作成して使用する手順を説明します。 Microsoft Word でカスタム枠線を作成する方法 カスタム枠線の作成は非常に簡単です。ただし、境界線が必要になります。ステップ 1 – カスタム枠線をダウンロードする インターネット上には無料の枠線がたくさんあります。このような枠線をダウンロードしました。ステップ 1 – インターネットでカスタム枠線を検索します。または、クリッピングに移動することもできます

See all articles