html - Compatibility issue with styling and text-boxes -


i need style input text-boxes border. border visible in ff , chrome not ie.

i've googled , couldn't find solution worked. here things i've tried:

.text-input sort-item, input.typetext, input[type="text"] {      border-style: solid !important;     border-width: 1px !important;   border-color: #000 !important;  }  
  • add class input fields
  • add class w js input fields
  • simply style boxes
  • added !important tags
  • added ie conditional statement <!--[if lt ie 9]> <script src="//ie7-js.googlecode.com/svn/version/2.1(beta4)/ie9.js"></script> <![endif]-->
  • added <meta http-equiv="x-ua-compatible" content="ie=100" >

none of these methods worked. styling appears if text box clicked or has text inside it.


Comments

Popular posts from this blog

searchKeyword not working in AngularJS filter -

sequelize.js - Sequelize: sort by enum cases -

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -