divは、自動入力スタイルをブロックする入力ボックスとして入力を使用せずにコンテンツを入力できます。
|
今日、私は公開用の動的なウィンドウ スタイルを設計しましたが、マウスで入力をクリックしたときにブラウザーによって自動的に追加されるスタイルが、Web サイトの全体的なスタイルと一致していないことがわかりました。ブラウザーのこのインテリジェント機能は非常に高度ですが、デザインの全体的な一貫性に必然的に影響を及ぼすことがあります。 そこで、入力ボックスを入力として使用しないことが可能かどうかを考えて、次のように変更しました。 コードをコピー コードは次のとおりです。<div class="content" contenteditable="true"></div> ブラウザの「スマート」機能で回避できると思っていましたが、ブラウザが賢すぎて効果はまったく同じでした。百度に行くしかなく、後でCSSが十分に準備されていなかったことがわかりました。かわいそうな私（自己分析中） CSSにはそのようなプロパティがあります コードをコピー コードは次のとおりです。.content{アウトライン:なし;} これは CSS3 にすでに備わっている機能ですが、私は...  |
<<: JavaScript のカンマ式が含まれている場合について
推薦する
HTML5+CSS3コーディング標準
黄金律プロジェクトに何人の人が取り組んでいるかに関係なく、すべてのコード行が同じ人によって書かれたよ...
MySQLインデックスの基礎となるデータ構造の詳細
目次1. インデックスの種類1. B+ツリー2. MyISAM と InnoDB の B+ ツリー ...
JavaScriptはキュー構造プロセスを実現する
目次1. キューを理解する2. カプセル化キュー3. 太鼓をたたいて花を渡す場合1. キューを理解す...
my.cnf (my.ini) 重要なパラメータの最適化設定手順
MyISAM ストレージエンジンMyISAM ストレージ エンジンは、書き込みよりも読み取りが多く、...
HTMLでカメラを読み込む方法
効果図: 全体的な効果: ビデオ読み込み中: 写真：ステップ1: HTML要素を作成するまず、HTM...
Vue+js 矢印をクリックして画像を切り替える
この記事の例では、矢印をクリックして画像を切り替えるVue + jsの具体的なコードを共有しています...
航空機戦争ゲームを実装するためのネイティブJS
この記事の例では、参考のために航空機戦争ゲームを実装するためのJSの具体的なコードを共有しています。...
Swiper.jsプラグインを使用すると、カルーセル画像を非常に簡単に実装できます。
Swiper は、携帯電話やタブレットなどのモバイル端末向けに設計された、純粋な JavaScri...
MySQL マスタースレーブ同期における server-id の例の詳細な説明
序文MySQL クラスターを構築する場合、当然のことながら、データの一貫性を確保するために、データベ...
MySQL での一時テーブルの使用例
ここ2日間ちょっと忙しくて、公式アカウントも数日更新が止まってしまいました。その結果、何人かの読者か...
MySQLからElasticsearchにデータを同期する方法の詳細な説明
目次1. 同期の原理2. ログスタッシュ入力JDBC 3. go-mysql-elasticsear...
Vue でインスタント通信を実現するために MQTT サーバーを使用する手順を記録します。
MQTT プロトコルMQTT (Message Queuing Telemetry Transpo...
React で Antd の Form コンポーネントを使用してフォーム機能を実装する方法
1. 構造部品1. フォームには、入力コントロール、標準フォーム フィールド、ラベル、ドロップダウン...
MySQL の結合フィールドの Concat()
目次1. はじめに2. 本文2.1 フィールドの連結2.2 フィールドでの算術計算の実行1. はじめ...
Dockerコンテナが外部ネットワークにpingできない問題を解決する
今日、docker で redis 環境を構築していたところ、yum がリソースを取得できず、インタ...