OS X の Chrome で必要なスタイルを取得するには、-webkit-appearance: none;
属性を使用する必要があります。
問題は、回答を選択しても表示されないことです。フィールドは空白のままです。
これは、その属性なしでどのように見えるかです:
属性を使用すると、次のようになります。
価値があるのは、これが私がこの選択メニューを作成する方法です-シンプルなフォームで:
<%= f.input_field :country_id, collection: Piggybak::Country.send(type), class: "required" %>
生成される HTML は次のとおりです。
<select class="select required required valid" id="piggybak_order_billing_address_attributes_country_id" name="piggybak_order[billing_address_attributes][country_id]"><option value=""></option>
<option value="231" selected="selected">United States</option></select>
これを修正するにはどうすればよいですか?
編集 1
これは次のCSS
とおりです。
form.simple_form select {
padding: 20px;
-webkit-appearance: none;
}