Você pode Estilo botões de forma html com css?
não gosto do estilo do botão predefinido. É muito aborrecido. Estou a usar
<input type="submit">
Escreva botões. Posso pô-los em css? Se não, a outra maneira de fazê-lo eu acho que seria usar um div em vez disso, e torná-lo um link. Como é que isso funciona com formulários?
6 answers
Você pode alcançar o que deseja através facilmente por CSS : -
HTML
<input type="submit" name="submit" value="Submit Application" id="submit" />
CSS
#submit {
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:6px;
color: #fff;
font-family: 'Oswald';
font-size: 20px;
text-decoration: none;
cursor: pointer;
border:none;
}
#submit:hover {
border: none;
background:red;
box-shadow: 0px 0px 1px #777;
}
DEMONSTRAÇÃO
input[type="submit"]{
background: #fff;
border: 1px solid #000;
text-shadow: 1px 1px 1px #000;
}
Eu recomendo dar-lhe uma identificação ou uma classe para que você possa atingi-la mais facilmente.
Sim, pode visar especificamente essas substâncias usando input[type=submit]
por exemplo
.myFormClass input[type=submit] {
margin: 10px;
color: white;
background-color: blue;
}
Você pode criar seu próprio estilo diretamente desta forma:
input[type=button]
{
//Change the style as you like
}
Podes querer adicionar:
-webkit-appearance: none;
Se precisar que pareça consistente no Safari móvel...
Escreva o estilo abaixo na mesma secção de cabeçalho do ficheiro html ou escreva em A.ficheiro CSS
<style type="text/css">
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
</style>
<input type="submit" class="submit"/>
.submeter-se a css . significa classe, por isso criei a classe submit com um conjunto de atributos
e aplicei essa classe à marca submit, usando o atributo class