cssのinputタグについて

Question

質問です。

現在サイトを制作途中で
cssでコーディングを施している途中なのですが

input.aaa {
padding:20px 40px 20px 40px;
background-color:#D3D3D3;
color:#000000
border-style:none;
}

<form action="./bbb"> <p>ここにあなたの名前を記入して下さい<br> <input type="text" name="text1"></p> <p>ここにあなだけのパスワードを記入して下さい<br> <input type="password" name="text2"></p> <p><input class="aaa" type="submit" value="送信"></p> </form>

といった感じにコーディングしているのですが
inputタグで作成したボタンのボーダーが消すことができません。

クロームやインターネットエクスプローラー及びMac Os やWindows Os などで試しても反映されておらず
また、キャッシュの削除やスーパーリロードを行っても全く反映されていませんでした。

いったいどうすれば
inputタグで作成したボタンのボーダーを消すことが出来るのでしょうか？？

回答おまちしております。

Answer 1

 padding:20px 40px 20px 40px;
  background-color:#D3D3D3;
  color:#000000 // <- 「;」 がない
  border-style:none; 

Comments

[Susanoo2442]

助かりました。

Answer 2

color:#000000 にの末尾に ; が抜けているため、 color:#000000 border-style:none; と判断されるために border-style:none; が無視されます。

なので、まとめて書くと下記の通りです。

input.aaa {
  padding:20px 40px 20px 40px;
  background-color:#D3D3D3;
  color:#000000;
  border-style:none;
}