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 文件中将字体大小设置为 24pt 时，文本字段会正确更改，但按钮根本不会更改。我在我的开发者工具中把它拉出来，它得到了 CSS 属性，但没有改变它的字体大小。即使我输入!important，也没有发生任何事情。我也无法更改字体系列。

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

更改其他属性有效。当我更改background-color属性时，按钮突然变成方形而不是圆形，并弹出正确的字体大小和字体系列。

为什么会出现这种情况，我该如何解决？

4

2 回答 2

2

尝试包括：

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

在字体大小之前的css中，并将其仅应用于按钮，因此为btn提供一个id，然后将带有代码的css应用于按钮。这是为了确保 webkit 正确显示它。希望这会让你朝着正确的方向前进。

于 2012-09-27T03:02:20.227 回答
0

按钮样式因浏览器而异。

Webkit 尝试使用无法使用所有 CSS 属性设置样式的本机控件。尝试：

-webkit-appearance:none

禁用特殊的原生样式。这是一个神奇的供应商特定属性。

于 2012-09-27T05:14:19.187 回答