Comment est-ce que je place les coins d'un bouton de soumission? Peut-il être fait avec CSS? Je viens de remarquer que les boutons Stackoverflow sont à peu près la même chose (ne le fermez pas pour mentionner SO, je veux juste illustrer ce que je veux dire).Comment utiliser CSS pour placer le coin sur un bouton de soumission
Ajoutez-y simplement CSS, et l'apparence par défaut disparaîtra.
input.button, input.submit {
border: 1px outset blue;
background-color: lightBlue;
}
modifier: changé le sélecteur d'utiliser à la place le nom de la classe, comme suggéré dans les commentaires.
[type = button] peut ne pas toujours être pris en charge sur certains navigateurs, il est donc souvent préférable d'appliquer une classe à tous les boutons que vous voulez stylisés ... – Nathan
qui fonctionne avec type = submit – Ankur
N'est-il pas préférable de fournir un nom de classe pour cela? – rahul
Vous pouvez utiliser l'élément HTML au lieu du type d'entrée. C'est assez facile à coiffer.
Utilisez border: 1px solid pour l'élément.
<a class="test">click me</a>
<style>
.test
{
cursor: pointer;
background-color:#E0EAF1;
border-bottom:1px solid #3E6D8E;
border-right:1px solid #7F9FB6;
color:#3E6D8E;
font-size:90%;
line-height:2.2;
margin:2px 2px 2px 0;
padding:3px 4px;
text-decoration:none;
white-space:nowrap;
}
</style>
Voici comment un bouton stackoverflow est créé.
Si vous spécifiez la hauteur et la largeur dans le CSS, vous rendrez les coins carrés, et gardez le certain niveau de fantaisie automatique que les boutons normaux ont ... et de cette façon, vous n'aurez pas à construire votre posséder. Je semble me rappeler que cela ne fonctionne que si la hauteur est assez grande, mais cela pourrait marcher de n'importe quelle façon.
Utilisez le champ suivant et commande dans votre css: Je pense
border-radius:0px
regardant la source SO aurait été aussi vite;). –