0

タイトルが示すように、奇妙な css エラーが発生しました。ブートストラップといくつかのカスタム css を使用して Rails アプリを構築し、最初にクロムで全体をテストしました。私はFirefoxでそれをチェックアウトし始めました.私のユーザーサインインフォームフィールドは、それらをクリックしたり入力したりしても反応しないようです. プレースホルダーの値も入力内容も表示されません。誰もこれについて聞いたことがありますか？何が原因ですか？

説明するために、jsfiddle を作成しました (私の最初の)。私はちょっと面倒くさくて、CSS をインスペクタからコピーしただけなので、ちょっと面倒です。Firefox で開くと、フォームに入力できません。クロムで大丈夫です。このフィドルの問題のある行は、-mox-box-sizing ルールである 28 のようです。

http://jsfiddle.net/vRF3F/

.row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 30px;
    width: 100%;
}
4

2 に答える 2

1

わかりました、私は原因を見つけたと思います：

この行を削除すると:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
/*    height: 20px;*/
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}

それが動作します。高さプロパティを設定すると、親 div が折りたたまれて入力ボックスが表示されなくなり、機能していないように見えます。高さを出すには、パディングだけで十分です。

ここで更新されたフィドルを参照してください:
http://jsfiddle.net/AbdiasSoftware/vRF3F/3/

于 2013-07-12T00:54:43.663 に答える