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

divは、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。
今日、私は公開用の動的なウィンドウ スタイルを設計しましたが、マウスで入力をクリックしたときにブラウザーによって自動的に追加されるスタイルが、Web サイトの全体的なスタイルと一致していないことがわかりました。ブラウザーのこのインテリジェント機能は非常に高度ですが、デザインの全体的な一貫性に必然的に影響を及ぼすことがあります。

そこで、入力ボックスを入力として使用しないことが可能かどうかを考えて、次のように変更しました。

コードをコピー
コードは次のとおりです。

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

ブラウザの「スマート」機能で回避できると思っていましたが、ブラウザが賢すぎて効果はまったく同じでした。百度に行くしかなく、後でCSSが十分に準備されていなかったことがわかりました。かわいそうな私(自己分析中)

CSSにはそのようなプロパティがあります

コードをコピー
コードは次のとおりです。

.content{アウトライン:なし;}

これは CSS3 にすでに備わっている機能ですが、私は...

<<:  JavaScript のカンマ式が含まれている場合について

>>:  MySQL 起動失敗の問題とシナリオ分析

推薦する

antd pro に基づく SMS 認証コード ログイン機能 (プロセス分析)

目次まとめ全体的なプロセスフロントエンドページコード検証コードとログイン サービスをリクエストする ...

MySQL における単一テーブルと複数テーブル、およびビューと一時テーブルに対する Update と Select の違い

1. テーブルAのデータを使用してMySQLのテーブルBの内容を更新するたとえば、データ テーブル内...

Vueはパーセンテージバー効果を実現します

この記事では、パーセンテージバーを実現するためのVueの具体的なコードを参考までに共有します。具体的...

Nginx のステータス監視とログ分析の詳細な説明

1. Nginx ステータス監視Nginx には、Nginx の全体的なアクセス ステータスを監視す...

CentOS7 での PostgreSQL 11 の詳細なインストールと設定のチュートリアル

1. 公式ウェブサイトアドレス公式サイトではインストールの参考手順が紹介されています。公式サイトを見...

Centos8.3、dockerデプロイメントspringbootプロジェクトの実際のケース分析

導入現在、k8s は非常に人気があり、それについて学ぶために本を購入しました。しかし、k8s では数...

jquery-multiselect を使用した IE6 のバグの解決方法

jquery-multiselect (ドロップダウン ボックスをチェックボックス付きの複数選択コン...

MySQL InnoDB ロック メカニズムの詳細な例

1. InnoDBのロック機構InnoDB ストレージ エンジンは、行レベルのロックとトランザクショ...

Jmeterはデータベースプロセスダイアグラムに接続します

1. MySQL jdbc ドライバー (mysql-connector-java-5.1.28.j...

docker を使用して複数のネットワーク インターフェースを持つコンテナーを起動する方法の例

コンテナにネットワークインターフェースを追加する1 デフォルトのネットワークモードでコンテナを実行す...

uni-app を使用して上部のナビゲーション バーにボタンと検索ボックスを表示する方法

最近、会社でアプリを開発する準備をしており、最終的に開発には uni-app フレームワークを使用す...

MySQL 5.7.23 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

この記事はMySQL 5.7.23 winx64のインストールチュートリアルを記録します。具体的な内...

Vueモバイル端末は左スライド編集と削除の全プロセスを実現します

序文プロジェクトのニーズに応じて、Vue-touch を使用して、vue モバイル端末の左スワイプ編...

docker エントリポイントファイルの詳細な説明

Dockerfile を作成するときは、コンテナが起動する前に初期化構成やカスタム構成を実行するため...

JS を使用してクリップボード内の Excel コンテンツを解析する方法

目次序文1. イベントとクリップボードを貼り付ける2. クリップボード内のコンテンツ形式3. HTM...