PrimeNGでフォーカスされた入力境界を変更する
FlowMafia
PrimeNG for Angularを使用していて、フォーカスしたときに入力ボックスの影を変更したいのですが、今は次のようになっています。
しかし、たとえば、その青い部分を緑に変更したいと思います。ドキュメントを確認すると、p-inputtextクラスを変更する必要があることがわかりますが、望ましい結果が得られません。これが私が今していることです
body .p-inputtext{
border-color: green !important;
}
結果：
緑の境界線を描いていますが、青い部分は削除されていません。どうすればこれを行うことができますか？
FlowMafia
私はそれをこのように解決しました
span > .p-inputtext:enabled:focus{
border-color: #4D80CA !important;
box-shadow: 0 0 0 0.02rem green !important;
}
span > .p-inputtext:hover{
box-shadow: 0 0 0 0.02rem green !important;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
フォーカスされた入力を変更するJquery
- 2
入力フォーカスで境界線の色を変更する方法
- 3
入力をborder-radiusでフォーカスすると、正方形の境界線が表示されます
- 4
入力された文字列が特定の文字に達すると、jQueryはフォーカスを次の入力に変更します
- 5
入力に必要な属性javascript / html / cssが入力されたときにフォーカスの色を変更する方法
- 6
フォーカスされた入力は、個別のdivの背景を変更します
- 7
反応でテキスト入力のフォーカスを変更する
- 8
問題：AndroidでフォーカスされていないTextInputLayoutの境界線の色またはボックスストロークを変更する
- 9
問題：AndroidでフォーカスされていないTextInputLayoutの境界線の色またはボックスストロークを変更する
- 10
いつでも/ datepickerは、コンテンツを変更しなくても、入力ボックスがフォーカスされるたびに変更イベントをトリガーします。これを回避する方法は？
- 11
角度で追加/削除された入力でフォーカス/カーソル位置を管理する方法は？
- 12
ネイティブテキスト入力を境界線で反応させ、常にフォーカスする
- 13
何かを入力したらすぐにフォーカスを変更するにはどうすればよいですか？
- 14
入力にフォーカスしたときに `displayText`を変更して` displayText`を表示するにはどうすればよいですか？
- 15
以前にフォーカスされた入力ボックスからフォーカスを削除する
- 16
フラスコのwtformsがエラーをスローしたときに、Bootstrapフォームの入力フィールドの境界線の色を変更するにはどうすればよいですか？
- 17
入力値が変更されると、フォームフィールドはフォーカスを失います
- 18
フォーカスされた入力の同じ親でクラスをslideDownする方法
- 19
フォーカスでエントリの境界線の色を変更する
- 20
入力フォーカスでReactの親クラスを変更します
- 21
マテリアルUI入力のフォーカスがあり、フォーカスされていない場合、境界線の色を変更できません
- 22
AndroidでフォーカスされたEditTextのTextSizeを変更します
- 23
ASP.NETWebサイト-送信する前にフォームに入力された値を変更する
- 24
Vue。Vuexストアの値が変更されたときに、コンポーネントの入力にフォーカスを設定します
- 25
入力がフォーカスまたは有効なときに、入力の境界線の下部を青に変更したい
- 26
jQuery-次の入力にフォーカスを変更する
- 27
フォーカスと変更に関する入力を検索
- 28
入力フォーカスの検索ボタンを変更する
- 29
入力フォーカスのプレースホルダーの色を変更するにはどうすればよいですか？
コメントを追加