teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記追加

2017/05/06 03:32

投稿

退会済みユーザー
answer CHANGED
@@ -1,1 +1,18 @@
1
- ブラウザのキャッシュを消去してから試してみたらどうなりますか?
1
+ ブラウザのキャッシュを消去してから試してみたらどうなりますか?
2
+
3
+ 【追記】
4
+
5
+ キャッシュのせいではないかと言っておいてハズレだったら何なので、Visual Studio 2015 Community のインターネット用のテンプレートを使って、MVC5, .NET 4.6.1 アプリ作って、site.css に以下の CSS を追加して検証してみました。
6
+
7
+ ```
8
+ input.input-validation-error {
9
+ border: 1px solid #e80c4d;
10
+ background-color: #ffeeee;
11
+ }
12
+ ```
13
+
14
+ 結果は以下の画像(どうしてもここに貼れないので自分のサーバーにアップしてその URL を以下に書いておきます)の通り、検証結果 NG の場合テキストボックスの枠と背景の色が CSS に設定したように変わります。
15
+
16
+ [http://surferonwww.info/BlogEngine/image.axd?picture=2017%2f5%2fmvc5Validation.jpg](http://surferonwww.info/BlogEngine/image.axd?picture=2017%2f5%2fmvc5Validation.jpg)
17
+
18
+ ただし、テキストボックスにフォーカスが当たっている場合(上の画像の一番下のテキストボックス)、他のスタイル(たぶん bootstrap.css のもの)が優先的に適用されるようで、枠は青になります。背景の方はフォーカスが当たっているか否かの影響はなく、検証結果 NG で #ffeeee にななります。