Aby uzyskać styl, który chcę w Chrome w OS X, muszę użyć-webkit-appearance: none; atrybut.

Widziećto pytanie ita odpowiedź.

Problem polega na tym, że kiedy wybieram odpowiedź, nie pojawia się. Pole pozostaje puste.

Tak wygląda bez tego atrybutu:

Tak wygląda Z atrybutem:

Na co warto, oto jak tworzę to menu wyboru - z prostym formularzem:

<%= f.input_field :country_id, collection: Piggybak::Country.send(type), class: "required" %>

To jest HTML, który generuje:

<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>

Jak to naprawić?

Edytuj 1

To jestCSS:

form.simple_form select {
    padding: 20px;
    -webkit-appearance: none;
}