マンガでよめる痔のこと・薬のこと

こんにちは。phpファイルで指定したCSSの表示がうまくいかずに困っています。
これを記述通りに表示させるにはどうしたらいいのでしょうか。
bottn.css
.subbtn{
display: inline-block;
text-decoration: none;
background: ##F11014;
color: rgb(82,142,150);
width: 72px;
font-size: 10px;
height: 70px;
line-height: 70px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
overflow: hidden;
box-shadow: inset 0 3 0 rgba(255,255,255,0.3),0 3 3 rgba(0,0,0,0.3);
font-weight: bold;
border-bottom: solid 3px #E23D40;
text-shadow: 1 1 1 rgba(255,255,255,0.65);
transition: .4s;
}
.subbtn:active{
-ms-transform:translateY(1px);
-webkit-transfprm:translateY(1px);
transform: translateY(1px);
box-shadow: 0 0 2 rgba(0,0,0,0.35) ;
border-bottom: none;

}

serch.html
<input type="submit" class="subbtn" value="Search">
htmlでは指示通りに表示されます。(activeも)

view.php
<input type="button" class="subbtn" onClick="history.back()" value="戻る">

cssリンク<link href="../../css/bottn.css" rel="stylesheet" type="text/css">はしてあります。

こちらではサイズ、色は問題がないのですが「font」の部分がhtmlと同じように表示がされません。 classではダメなのでしょうか。

アドバイスいただければ助かります。よろしくお願い致します。

A 回答 (1件)

希望するレンダリングの前に、まずはCSSを正しく書きましょうか・・・



http://jigsaw.w3.org/css-validator/validator
    • good
    • 0
この回答へのお礼

ご指摘ありがとうございました。教えていただいたものでチェックをしたところ、あらゆるところで単位がぬけており、それを修正したところ正しく表示されるようになりました。
cssのエラーをチェックするのにとてもいいサービスですね。今後もこちらで検証してみたいと思います。
ありがとうございました。

お礼日時:2018/03/30 09:59

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報