changer la largeur du champ de saisie selon le navigateur?

j'ai un champ d'entrée et je veux que ce soit 2 tailles différentes dans Internet Explorer et Firfox si possible, le code que j'ai droit est maintenant:changer la largeur du champ de saisie selon le navigateur?

div.search input#query { 

    width: 450px; 
    height: 24px; 
    font-size: 16px; 
}

donc je veux somthing comme ceci:

div.search input#query { 

if internet explorer { width: 450px;} 
else { width: 350px;} 
    height: 24px; 
    font-size: 16px; 
}

grâce

Source

2010-07-06 Mo.

Il est impossible de cibler un spécifique directement d'une manière propre (sans hacks CSS), sauf pour Internet Explorer qui est au courant de conditional comments.

Vous pouvez mettre toutes les propriétés spécifiques IE dans une feuille de style séparée et embed qui après la principale feuille de style (il remplace les paramètres existants):

<!--[if IE]> 
<link rel="stylesheet" href="ie.css" type="text/css"> 
<![endif]-->

vous voudrez probablement faire la distinction entre les différentes versions de IE, comme IE 6, 7 et 8 ont tendance à se comporter différemment à bien des égards.

Source

2010-07-06 10:33:50

+1 Merde, vous tapez vite! ;-) – Mike

cela fonctionnerait bien pour moi, comment puis-je l'intégrer après la feuille de style principale (donc il écrase les paramètres existants)? désolé mais im nouveau au développement de css et de Web. –

@Mo juste mettre le code ci-dessus dans la section 'head' du document après la directive que vous utilisez pour intégrer votre feuille de style principale (si vous utilisez une feuille de style externe?) –

vous pouvez utiliser ce script:

http://rafael.adm.br/css_browser_selector/

après que vous inclure ce script, vous pouvez utiliser facilement dans le css.

Source

2010-07-06 10:37:24

C'est très agréable, mais l'exigence JavaScript est un gros inconvénient de l'OMI. –

changer la largeur du champ de saisie selon le navigateur?

Répondre

Questions connexes