4 Replies Latest reply on Aug 18, 2008 4:12 AM by kirksigi

    How to handle colon (:) in CSS files (IE-limitation)

      Hello!

      In my webapplication i have a lot of input-fields with an id containing a colon (:). e.g. : "myForm:name"

      I know, that i have to escape the colon in css to make it valid, but internetexplorer does not seem to handle this kind of rule correctly. See example below:


      -- test.css ---

      #a\:b {
       width:400px;
      }
      


      -- test.html --
      <html>
      <head
      <link rel="stylesheet" href="test.css" type="text/css"></link>
      </head>
      <body>
      <input type="text" id="a:b"/>
      </body
      </html>
      

      --------------------
      Firefox show this input-field 400px wide, IE not (IE is ignoring the rule completly).

      My Question: How can i make the inputfile 400px wide on FF AND IE without using the size attribute of the input-field?

      thanks
      Kirksigi, AT