入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法
|
入力ボックス内のカーソルのサイズが一定ではありません IE7とChromeの違いは非常に明白です まず、問題の原因を見てみましょう。Chrome ブラウザは、カーソルの高さを次の原則で設定します。コンテンツがない場合、カーソルの高さ = 入力の行の高さの値。コンテンツがある場合、カーソルは入力の上部からテキストの下部に移動します。 さて、原因がわかったので、それに応じた対策を講じます。 2 つの方法を試しました: 方法 1: 行の高さの値をフォント サイズと同じに設定します。高さに達しない場合は、パディングを使用して高さをサポートします。 方法 2: Chrome の場合は line-height を設定しないでください。テキストが自動的に中央に配置されます。IE の場合は、テキストが垂直方向に中央に配置されることを確認するために line-height 値を設定してください。ここで注意すべき点は、リセット スタイル ファイルで line-height やその他の値が設定されている場合は、line-height をリセットしてください。line-height:normal を使用できます。詳細はテンセントハリウッドページの検索ボックスをご覧ください。 特定の CSS: コードをコピー コードは次のとおりです。高さ: 34px; フォントサイズ: 12px; 行の高さ: 通常; 行の高さ: 34px\9; |
<<: テキストレイアウトの問題を解決するためにテキストオーバーフローを使用する CSS3 の簡単な分析
>>: 最もよく使用されるJavaScriptイベントについて詳しく学ぶ
推薦する
CSSを使用して複数の画像を中央に水平に表示する方法
まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...
要素複数フォーム検証の実装
プロジェクトでは、フォーム テストが頻繁に発生します。単一のフォーム テストについては、詳細な紹介が...
リモートホスト上でスクリプトや命令を実行する Zabbix の詳細な説明
シナリオ要件1. zabbix_server Web インターフェースのスクリプト機能を使用すると、...
非ルートユーザーを使用してDockerコンテナでスクリプト操作を実行する
アプリケーションをコンテナ化した後、Docker コンテナを起動すると、デフォルトで root ユー...
指定フィールドによるMySQLカスタムリストのソートの実装
問題の説明ご存知のとおり、MySQL でフィールドを昇順に並べ替える SQL は次のとおりです (i...
MySQL マスタースレーブレプリケーションの原理と実践の詳細な説明
目次導入効果原理形状練習するこの記事では、例を使用して、MySQL マスター/スレーブ レプリケーシ...
ウェブデザインにおけるポップアップウィンドウとフローティングレイヤーのデザイン
従来のソフトウェアから Web ウェアへの段階的な移行の傾向の中で、デザイン パターンとテクノロジは...
TypeScriptジェネリックの使用
目次1. 使いやすい2. 関数内でジェネリックを使用する3. クラス内でジェネリックを使用する4. ...
HTML ドラッグ アンド ドロップ機能の実装コード
Vueベースこの機能の核となるアイデアは、JavaScript コードを通じてページ上のノードの左余...
DockerとDocker-Composeの使用例
Docker は、アプリケーションをより速く配信するのに役立つオープンソースのコンテナ エンジンです...
React 並行関数エクスペリエンス (フロントエンド並行モード)
React は、開発者が Web およびモバイルベースのアプリケーションを作成するために使用するオ...
XHTML の一般的なタグ
XHTML タグとは何ですか? XHTML タグ要素は、XHTML ドキュメントの基本的なコンポーネ...
Linux/Mac MySQL パスワードを忘れた場合のパスワード変更コマンドラインメソッド
すべての前提条件にはルート権限が必要です1. MySQLプロセスを終了する //Linux sudo...
HTML+CSS+JavaScript でシンプルな三目並べゲームを作成する
目次HTMLの実装CSSを追加Javascript部分の実装デモアドレス HTMLの実装まず、hea...
mysql update文の実行プロセスの詳細な説明
以前、MySQL クエリ文の実行プロセスについての記事がありました。ここでは、更新文の実行プロセスを...