ホームページ  >  記事  >  ウェブフロントエンド  >  HTML ページに入力枠が表示されないようにするにはどうすればよいですか?

HTML ページに入力枠が表示されないようにするにはどうすればよいですか?

藏色散人
藏色散人オリジナル
2018-08-15 14:56:1814049ブラウズ

Web サイトのフォーム登録ページをデザインすると、値を入力するために入力ボックスにマウス カーソルを置くと、青い枠線が表示されます。入力スタイルを設定していなくても、あります。これは、HTML では、input タグにデフォルトで境界線と背景色の属性が設定されているためです。この境界線の表示が必要ない場合は、入力境界線を削除するか、入力ボックスを非表示にします。どのように運用すればよいのでしょうか?

以下では、入力枠の変更、つまり枠の削除と非表示に関する関連知識を詳しく紹介します。

1. 入力ボックスがクリックされていない場合、境界線は表示されません:

 border:none;

2. 入力ボックスがクリックされ、値を入力する準備ができている場合、境界線は表示されません:

input{  
border:none;
  width:200px;  height:80px;
  box-radius:25%;
  outline:medium;
  text-align:center;
  }

注: スタイルで、outline:medium を使用します。入力ボックスをクリックすると、境界線は表示されません。

アウトライン (輪郭) は、要素の周囲に描かれた線で、境界線の外側に位置し、要素を強調表示できます。輪郭はスペースをとらないため、必ずしも長方形である必要はありません。

outline 短縮プロパティは、1 つの宣言ですべてのアウトライン プロパティを設定します。

それでは、この記事では入力枠を削除する方法を詳しく紹介しますので、困っている友達に役立つことを願っています。



以上がHTML ページに入力枠が表示されないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。