3

Chromeを使用して、入力フィールドにいくつかのCSS属性を追加しようとしています。「ファイルが選択されていません」というテキストがパディング値を継承していないように見えることを除いて、すべてが機能しているようです。すべてのCSSを削除すると、「ファイルが選択されていません」はボタンに関して直接一致しますが、CSSを追加すると、このテキストがパディング値を継承していないかのように表示されますか？

この問題の原因となる完全なCSSは次のとおりです。

.inputtest{
    line-height:1.5em;
    border:5px solid #3a3a3a;
    padding:10px;
    margin-left:20px;
    width:71%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}​

参照してください：http：//jsfiddle.net/A6LuR/3/

前もって感謝します！

4

1 に答える 1

2

あなたの Css の問題はpadding財産です。

このコードは同様のデザインを提供します

CSS:

.inputtestHolder{
    border:5px solid #3a3a3a;
    padding:10px;
    margin-left:20px;
    width:71%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

HTML:

<div class="inputtestHolder">
<input type="file">
</div>

それが役に立ったことを願っています

</p>

于 2012-11-11T10:01:56.350 に答える