Bouton style HTML

Question

comment pourrais-je obtenir un bouton pour ressembler à la "Check It" bouton sur cette page http://www.intus.co.za/

Answer 1

HTML:

<input class="field" type="submit" style="margin-right: 10px;" value="Check It"/> 

CSS:

.field { 
border:1px solid #000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:11px; 
} 

J'ai obtenu cette aide de Firebug (un plug-in Firefox).

Answer 2

style = "border: 1px # 000 solide"

Answer 3

Si vous allez faire autant, obtenez Firebug, et inspectez simplement l'élément que vous aimez. Il montre:

<input class="field" type="submit" onclick="javascript:popup();return false;" style="margin-right: 10px;" value="Check It"/> 

.field { 
    border:1px solid #000000; 
    font-family:Arial,Helvetica,sans-serif; 
    font-size:11px; 
} 

Answer 4

Tout ce que vous voulez essayer de reproduire sur le web doit vérifier avec Firebug: http://getfirebug.com

Vous pouvez voir le HTML et CSS (et JavaScript pour cette question) que vous j'avais besoin.

Answer 5

J'ai utilisé l'inspecteur d'élément dans Firebug et l'affiche pour le bouton.

element.style { 
margin-right:10px; 
} 

.field { 
border:1px solid #000000; 
font-family:Arial,Helvetica,sans-serif; 
font-size:11px; 
} 

Answer 6

... ou, si vous utilisez IE, il y a le IE Developer Toolbar.