Web Development Thread, Select rounded corners, odd background in Coding and Web Development; I am using the Twitter Bootstrap css framework on an application and have an odd issue - when I specify ...
23rd April 2013, 12:06 PM #1
Select rounded corners, odd background
I am using the Twitter Bootstrap css framework on an application and have an odd issue - when I specify a select, it comes with a strange background behind the curved outer edge.
You can see the curved edge and then a rectangular box.
What is causing this? Other input types display correctly, it is only the select which has this.
IDG Tech News
25th April 2013, 11:43 AM #2
I think this is due to the browser's rendering engine. Different browsers will render things differently. HTML inputs like <select>,<input> don't seem to behave well when you a apply a background to them and are also using the border-radius property (rounded corners).
25th April 2013, 12:07 PM #3
Thing is, this is in chrome, and the other inputs work fine.
25th April 2013, 04:43 PM #4
If you haven't sorted the issue yet, post the source code for it, and I'll have a look. (I do commission work as a web developer)
Originally Posted by localzuk
Thanks to Chaddy from:
mac_shinobi (25th April 2013)
3rd May 2013, 12:41 AM #5
- Rep Power
Developer tools may help. Look at the CSS and where it comes from for the Select element, it may give you a clue as to what style is causing the issue. Great thing about the developer tools on Chrome and IE is you can change the styles on the fly, so a process of elimination can be used.
Elementary, Dear Watson..
By FN-GM in forum EduGeek.net Site Problems
Last Post: 7th July 2011, 09:49 AM
By K.C.Leblanc in forum EduGeek.net Site Problems
Last Post: 20th September 2010, 10:49 AM
By _Bat_ in forum Scripts
Last Post: 19th June 2007, 10:02 AM
By palmer_eldritch in forum Windows
Last Post: 7th October 2005, 03:20 PM
By russdev in forum Windows
Last Post: 22nd September 2005, 08:59 AM
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)