トラブル:背景色の変更で枠線も変更になる
背景色を変更するだけでなんで枠線も変わる?
背景色を変更後にデフォルトスタイルに戻す方法はないのだろうか……。
デフォルトスタイルに戻す方法をご存じの方がいましたら教えて下さい!
自己解決!
Edge
HTMLの内容はいたってシンプル!
style 属性で背景色(background-color)に白色(#ffffff)を指定しているだけ。
style 属性で背景色(background-color)に白色(#ffffff)を指定しているだけ。
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8"/>
<title>bkColor1</title>
</head>
<body>
<form>
<input type="text" id="text1" style="" /> ← デフォルト<br/>
<input type="text" id="text2" style="background-color:#ffffff" /> ← 背景色に白色セット<br/>
<input type="text" id="text1" style="" /> ← デフォルト(フォーカスを当てている)<br/>
</form>
</body>
</html>
<html lang="ja-JP">
<head>
<meta charset="utf-8"/>
<title>bkColor1</title>
</head>
<body>
<form>
<input type="text" id="text1" style="" /> ← デフォルト<br/>
<input type="text" id="text2" style="background-color:#ffffff" /> ← 背景色に白色セット<br/>
<input type="text" id="text1" style="" /> ← デフォルト(フォーカスを当てている)<br/>
</form>
</body>
</html>
元に戻す方法(3パターン)