ホームページ  >  記事  >  ウェブフロントエンド  >  div は、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。

div は、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。

高洛峰
高洛峰オリジナル
2017-03-06 17:22:121945ブラウズ

input をクリックすると、ブラウザーによって自動的に追加されるスタイルが Web サイト全体のスタイルと非常に矛盾し、全体的なデザインの一貫性に影響を及ぼします。input を入力ボックスとして使用しなくても問題ありません。以下を参照してください。 今日、動的なウィンドウ スタイルをデザインしていましたが、マウスが入力をクリックすると、ブラウザによって自動的に追加されるスタイルが Web サイト全体のスタイルと非常に一致しないことがわかりました。ブラウザのインテリジェントな機能は非常に優れていますが、場合によっては、全体的なデザインの一貫性に影響を与えることは避けられません。

それから、input を入力ボックスとして使用しないことを考えて、それを

に置き換えました。コードは次のとおりです:

<p class="content" contenteditable="true"></p>


ブラウザの「スマート」機能を回避できると思ったが、そうではなかったブラウザが賢すぎることを期待してください、そしてその効果は... 同じでした、それで私はDu Niangに行くしかありませんでした、そして後で私は私のCSSがまだ十分にストックされていないことに気づきました(自己中で)検討)

CSSにはそのような属性があります

コードは次のとおりです:

.content{outline:none;}


そしてこれは私の兄弟はすでにcss3を持っていて、実際に私は...
div は、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。

より多くのdivを入力に使用できます詳細な説明については、PHP 中国語 Web サイトに関連記事があるので、ご注意ください。

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