ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 関連。 入力フィールドをクリックすると色付きの境界線が表示されます_html/css_WEB-ITnose

CSS 関連。 入力フィールドをクリックすると色付きの境界線が表示されます_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:50:07
オリジナル
1248 人が閲覧しました

CSS に関連して、マウスが 入力フィールドをクリックした後に表示される、CSS を使用している場合、入力フィールドをクリックした後に生成される境界線を削除するにはどうすればよいですか?以下はスクリーンショットです

マウスをクリックする前:


マウスをクリックした後:


  根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除。下面是我的html和css代码:  html:  <input type="text" name="content" id="input_box">  css:  #input_box{  border-width:0;  border-color:white;  border-style:none;  background:none;  }  #input_box:focus{  border:0;  }
ログイン後にコピー
<p>用:focus伪类就可以实现</p>          <table>                        <tr>     <td>      <p class="sycode">       1      </p>      <p class="sycode">       2      </p>      <p class="sycode">       3      </p></td>     <td>      <p class="sycode">       <p class="sycode">        input:focus {       </p>       <p class="sycode">             outline : none ;       </p>       <p class="sycode">        }       </p>      </p></td>    </tr>            </table><p>如上,可以根据自己的具体需求更改颜色、像素</p><p>要想美观的话,可以根据设计风格,添加border-radius属性来增加边角圆角效果</p>
ログイン後にコピー
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート