Change the font color of a disabled SELECT element in IE-10 and above browsers with the ::ms-value CSS pseudo-element Styling the SELECT element is not a big deal. Styling the disabled SELECT elements is pain point when developing web applications or a app. Now web rendering engines added hooks with pseudo-elements to give developers some control on user interface. Before implementing the hooks of pseudo-element keep in mind that this pseudo-element is rendering engine specific that is IE specific. The ::ms-value pseudo-element was drafted for CSS Selectors Level 3 and applies one or more styles to the content of a text or password input control, or a select control. Example : The following example sets the text color of select element to black: select[disabled='disabled']::-ms-value { background-color:#FFF; color: #000; //Any Color } As we know that the ::-ms-value pseudo-element supports only IE, Said that the below css needs
Popular posts from this blog
Create Pure Css3 Horizontal Navigation Menu Bar with 2 steps
Create Css3 Horizontal Navigation Menu Bar with 2 steps The Navigation is very important component of User Interface in web Design & Web Development process. The main aim of navigation menu is to access the content or complete the task as quickly as possible in any website or any web app. In this post i am demonstrating the simple Horizontal Navigation Menu with simple HTML structure and CSS. Below are the steps to develop simple Horizontal Navigation menu with CSS3 transitions feature. I said Navigation menu component in my first para because if you see each section in web design and development as a component then u will be think expert way and go in details of each section of web design and development. Step 1. Create the html markup as we do for any menu component. I took one div with id 'container', this id name you can choose as per your choice and unorder list . The below markup as image to your html after add it after opening tag of . section.
I love this blog ... Thanks for sharing this wonderful information...Don't forget to check this Animated Glowing Inputs Login Form in HTML & CSS
ReplyDelete