Hey, try this:
input[type=number] {
-o-appearance:textfield;
}
Let me know if it works!
Hannah
Thread Starter
BitBug
(@bitbug)
I’ve been doing some research and from what I am reading the appearance property is not supported by any major browsers and has been dropped from the CSS3 spec. It is only working for -moz- and -webkit- because they supported it in their browsers and haven’t gotten around to removing it, or they are just going to deprecate. I suspect that will change over time as they more firmly adopt the CSS3 spec. Opera is not supporting it at all, thus our current problem. Don’t know if that helps or hurts with resolving this, but there it is.
I’ve been trying to find a work around, but so far no luck. Maybe you folks will have better luck.
Thanks for doing some research! I don’t know a whole lot about all this, but I will continue to look into it. The developer is backpacking and will be back early next week so if I can’t come up with a solution I’m sure he can figure out something.
Thanks for your patience!
Hannah
Thread Starter
BitBug
(@bitbug)
Thanks Hannah. I’ll look to hear from someone sometime next week. Appreciate you help!
Hey @bitbug,
Sorry for the delay, which version of opera are you using? I can’t see the little spinners showing up in the demo, using opera: http://themes.kadencethemes.com/virtue/product/imac-mockup/
Kadence Themes
Thread Starter
BitBug
(@bitbug)
No problem at all. Hannah had let me know you were out of town.
When I look at your link in Opera both the +/- and the Up/Down Arrows show in both Opera and Firefox. Firefox I already know the fix for and have applied it on my site. Opera is all we have left to resolve. In Opera it is especially bad because the Up/Down Arrows obscure the number of products you are selecting to put in the cart.
I am very computer literate and code, so don’t feel like you have to dumb anything down.
Opera Versions I am seeing this issue in is:
12.17 Build 1863 Win32
12.17 Build 1863 x64
I am running Windows 7 Pro 64bit on my desktop. The issue is also present in Opera on my MacBook Air running OS 10.8.5
You can visit http://www.roninstore.com and click on the Toshiba drive on the home page to see it on the site I am working on. If you end up needing access, PM through the site contact form and I’ll send you a username & p/w.
Thank you!
Hey so I think the issue is your version of opera? The latest is version 23 and It doesn’t have this issue.
For older versions you could try this code:
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
Kadence Themes
Thread Starter
BitBug
(@bitbug)
Wow. That is weird. I check for updates all the time. Just did it again and it says I am running the latest version, but further research shows I am obviously not…
Installed the latest version and you are correct, that resolves it. The new version did not update my version 12 on the 32 and 64bit versions, but rather created a third install. Having the same issue on the MBA.
Opera must have changed how they are updating when they moved to Chromium.
Anyhow… I greatly appreciate your insight and identifying the problem.
Thanks!
