Support

January 20, 2014 at 3:03 pm

Hi Alexander,

Did you get it figured out? It looks like they are working to me: http://www.screencast.com/t/T4TgJdkx

January 21, 2014 at 2:47 am

Hi Alex,

This is being caused by your sites theme. Specifically this rule:

media="all"
input {
-webkit-appearance: none;
}

Which is on line 88 of your themes styles.css file.

I would recommend contacting the theme author to fix this as it may have been included for a reason, failing that you could remove the rule, I found no ill effects from removing it locally.

January 21, 2014 at 7:21 am

That rule I posted above is very ‘loose’, as in it will target all inputs types for all devices. It may have worked previously if the theme has other rules to style inputs with certain classes?

The css you posted is the next line. Is there not:

input {
-webkit-appearance: none;
}

above that line?

If you open up the link you posted above with Chrome, right click on ‘Ejer’ and select ‘Inspect Element’ then click on the Input element above the span that holds that text.

Then look at the css styles that apply to that element on the right http://d.pr/i/Qzut

You can see

media="all"
input {
-webkit-appearance: none;
}

If you hover over that ruleset you’ll see the file it is loaded from http://d.pr/i/p62G

Disabling it (unchecking the box) displays the radio buttons http://d.pr/i/p9Dm

For me lines 88-92 of the styles.css file are:

input { -webkit-appearance: none; }
input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin: 0; }
textarea { padding: 4px; }

January 22, 2014 at 4:05 am

No problem.

Glad you found it 🙂

I’ll mark this thread resolved.