isaac_cm Posted October 11, 2007 Share Posted October 11, 2007 I am trying to use CSS rules to only input[type=text] but IE seems to be has different thoughts , any solution other than assigning a class to each text box ? Thanks Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/ Share on other sites More sharing options...
dbrimlow Posted October 11, 2007 Share Posted October 11, 2007 I am trying to use CSS rules to only input[type=text] but IE seems to be has different thoughts , any solution other than assigning a class to each text box ? Thanks You need to be clearer and more specific - perhaps show an example of your html markup and the css. I assume you mean a form text box. If so, rather than applying a class to each box, you apply text styles to the form element within the css itself, like so: form { font-family:verdana, sans-serif; font-size:.95em; color:#666666; } CSS is NOT recommended for styling the actual form controls (not cross-browser and cross-platform friendly), but certainly fine for overall text, widths, margins, paddings, borders. Here is an article about why the form controls are screwy, but you can pick up tips on styling parts of form elements with css. http://www.456bereastreet.com/archive/200409/styling_form_controls/ Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367170 Share on other sites More sharing options...
isaac_cm Posted October 11, 2007 Author Share Posted October 11, 2007 I use it to adjust borders of text box I want to assign rules for Input[type=text] as I said in my first post Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367208 Share on other sites More sharing options...
dbrimlow Posted October 11, 2007 Share Posted October 11, 2007 Ah. So, you are asking if there is a css command specifically to modify the actual input[type=text] TAG itself (as there is for other tag level elements like p, ul, form, table, td, tr, etc.)? ... ... no. There was a reason IE had different thoughts. And so would Opera in SuSe 10.1, Safari in OS X 10.4, FF in OX 10.4 or Win XP or SuSe 10.1, IE 6.0 or 7.0 winXP. As I said in MY post, assigning a css style to the actual single or multiple line text input control "widget" itself (or any other browser-skin controlled web element, like scroll-bars) is NOT cross-browser OR cross-platform compatible. It is an exercise in futility and will make your form look ridiculous except in the browser/platform you specifically tested (and therefore designed) it in. Here is an actual example of css styling for a single line text input with screenshots of the same css/html in 14 different browser/platforms: http://www.456bereastreet.com/lab/styling-form-controls-revisited/text-input-single/ Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367398 Share on other sites More sharing options...
isaac_cm Posted October 11, 2007 Author Share Posted October 11, 2007 so what should I use ? Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367448 Share on other sites More sharing options...
ToonMariner Posted October 12, 2007 Share Posted October 12, 2007 unfortunatley (from memory here so be nice!) ie6 (not tried 7) doesn't support these kind of css selectors - so you are left with the requirement of giving them a class or id and using that in your css. Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367732 Share on other sites More sharing options...
isaac_cm Posted October 12, 2007 Author Share Posted October 12, 2007 ok, it dont work either in IE7 I done searching for a solution for IE, Thanks Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367745 Share on other sites More sharing options...
ToonMariner Posted October 12, 2007 Share Posted October 12, 2007 ????? what doesn't work? the attribute selctor filter? like I said to get it to work in ie6 you have to use plain old id's and classes. Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367799 Share on other sites More sharing options...
isaac_cm Posted October 12, 2007 Author Share Posted October 12, 2007 yes, and i have to modify all my 25 pages just to appear cool in IE Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367871 Share on other sites More sharing options...
isaac_cm Posted October 12, 2007 Author Share Posted October 12, 2007 ok, here is a good solution if someone facing my problem <!--[if lte IE 7]> <link href="../CSS/mystyle.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> this line will check the browser if it is lower than or equal IE7 if so I made a special CSS version for all the <Input> tags, also the comment code will trick any other browser (other than genius IE) so it wont get called. this solution found in projectseven.com , I do need now to modify all pages Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-367876 Share on other sites More sharing options...
ToonMariner Posted October 12, 2007 Share Posted October 12, 2007 yes, and i have to modify all my 25 pages just to appear cool in IE next project you'll remember to PLAN in advance and have a list of golas to hit - like cross browser compatability.... ALL 25? hardly a lot of pages really - plus if you use something like dream weaver you can do a site wide regex replace! Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-368183 Share on other sites More sharing options...
dbrimlow Posted October 13, 2007 Share Posted October 13, 2007 Ah, yes ... IE Conditional Comment. I don't go anywhere without my good old IE conditional comment! TM, I use DW 8 (for speed editing of tags) and my main site has over 60,000 files including 2500 html and 200 php pages ... doing a site-wide replace just crashes XP like a Mini-Van housewife on a cellphone. Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-368334 Share on other sites More sharing options...
isaac_cm Posted October 13, 2007 Author Share Posted October 13, 2007 wow what kind of site is that ??? Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-368343 Share on other sites More sharing options...
dbrimlow Posted October 13, 2007 Share Posted October 13, 2007 wow what kind of site is that ??? Major NYC Real Estate Apartment rental/sales firm. I've recently been permitted to convert the old quirks crap, that I made 5 years ago , to valid css. It has taken me nearly one year to convert half the site and I am now in the process of converting the other half. At least, once finished, changing how the site looks in future will be easy by just changing the css. This week alone I recoded 150 static html pages to a new layout (but not live yet) and I have another 200 or so to go until all static pages are done. Then I have to go to work on the php pages ... AGGGGGHHH! All those echos of <trs>, <tds> and hundreds of <font="....>!!!! Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-368682 Share on other sites More sharing options...
isaac_cm Posted October 13, 2007 Author Share Posted October 13, 2007 aaaaah this is why: a static site! however I advice you to use total commander 7.0 for replace string in files it is very strong software Quote Link to comment https://forums.phpfreaks.com/topic/72801-ie-ignore-css-class-filter/#findComment-368691 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.