1

私は Chrome で Rails 3.2.6 を使用しています。

html.erb ファイルに次のコードがあります。

<div id="beta">
    <%= form_tag({}, {:id => "id_search"}) do %>
        ID: <%= text_field_tag "beta_id" %>
        <%= submit_tag "Go" %>
    <% end %>
</div>

CSS ファイルで font-size を 24pt に設定すると、テキスト フィールドは適切に変更されますが、ボタンはまったく変更されません。開発者ツールでそれを取得したところ、CSS プロパティを取得していましたが、フォント サイズを変更していませんでした。を入れ!importantても何も起こりませんでした。font-family も変更できませんでした。

JSFiddle: http://jsfiddle.net/R5CXg/

他のプロパティを変更するとうまくいきました。プロパティを変更するbackground-colorと、ボタンが突然丸ではなく四角になり、正しい font-size と font-family にポップされました。

これはなぜですか? また、どうすれば回避できますか?

4

2 に答える 2

2

含めてみてください：

-webkit-appearance: button;
-moz-appearance: button;

CSS で font-size の前にそれを適用し、それをボタンにのみ適用するため、btn の ID を指定してから、コードを含む CSS をボタンに適用します。これは、Webkit が正しく表示されるようにするためです。これがあなたを正しい方向に導くことを願っています。

于 2012-09-27T03:02:20.227 に答える
0

ボタンのスタイルはブラウザによって異なります。

Webkit は、すべての CSS プロパティでスタイルを設定できないネイティブ コントロールを使用しようとします。試す：

-webkit-appearance:none

特別なネイティブ スタイルを無効にします。これはマジック ベンダー固有のプロパティです。

于 2012-09-27T05:14:19.187 に答える