[Resolvido] CSS em todos os Botões ?

[mbb 0]

Pessoal tem como eu determinar que todos os botões do meu form terão um tamnho sem colocar class neles ?

[inforsis 1]

mbb, Boa Tarde!

Veja se assim resolve:

 

form input {width:100px; height: 100px;}

PS: Dessa forma você irá aplicar o estilo não apenas aos botões do form, mais a todos os elementos input. http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[mbb 0]

umm esse interessante porem queria fazer isso por "type="submit" " e assim por diante teria como ?

[webflex 0]

Olá

 

Seria algo tipo:

input[title="blablabla"] { ... }

Cumps \o/

[RobertoTauille.com 0]

Ual otima pergunta!!

 

Como poderia fazer para otimizar meu css ??

 

ex: tenho 3 campos, os 3 tem tamanhos diferentes, como posso fazer

pro css ficar pequenino.

 

http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[webflex 0]

Olá,

 

Você terá que usar na mesma CSS, ou então javascript, mas vai dar ao mesmo.

O que pode fazer para reduzir tamanho é deixar tudo na mesma linha, por exemplo:

input1 { margin: 0px; padding: 0px; ... }

Eu também já pensei nisso, em como deixar o código ainda mais simples, mas por vezes quanto mais simples mais dificil é de o simplificar até chegar ao impossivel. Sempre pode tentar reciclar o código.. Por exemplo:

campo1 
{
width: 100px;
float: left;
}
campo2
{
width: 100px;
float: right;
}

Poderia ter escrito da seguinte maneira:

campo1, campo2 
{ width: 100px; }
campo1 { float: left; }
campo2 { float: right; }

Pela lógica quantas mais propriedades iguais melhor, isto apenas foi um exemplo muito fácil.

 

Cumps \o/

[Paulo de Tarso F. M. 24]

Mas só uma pergunta intrigante: por que não querer utilizar class, se elas existem para isso? :mellow:

[Giovani 104]

Não precisa ficar colocando classes aos quatro ventos, mas não tem problema de criar algumas classes.

Tem que saber usar.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[mbb 0]

Ptz, não funciona assim .... ou fiz algo errado rsrsr

 

input[title=submit] { width:100px; height: 100px; }

 

ou vou ter que fazer classe mesmo rsrsrs..........

[inforsis 1]

Bom Dia mbb!

Interressante essa tecnica que o webflex indicou. (eu desconhecia.)

 

Então quanto nao ter funcionado concerteza voc~e fez algo errado. Pois no seu caso voce nao faz referencia ao elemento input pela tag title e sim pela tag type. Logo no css fica:

 

input[type="submit"] { width:100px; height: 100px; }

 

Até Mais.

[brcontainer 16]

essa "TECNICA" definindo o type não tem efeito em todos navegadores

IE6 é um exemplo...

Há ainda muitas pessoas que o usam (o IE6) então creio que aplicar assim:

form input {width:100px; height: 100px;}

seja melhor

exmplo para campos iguais em maioria tipo o TYPE=TEXT e classes ou ID (se o botão usar ID para javascript)

para modificar

 

e pode-se aproveitar uma listagem(ELEMENTOS pais)

elemento1 input{
width:300px;
heigth:5px;
}

elemento2 input{
background: #fff url(m.gif);
width:60px;
heigth:25px;
}

<elemento1>
<input type="text">
<input type="text">
</elemeto1>

<elemento2>
<input type="botao">
</elemeto2>

claro isso é bom de se usar se você possuir muitos campos

 

abraço ;)

[mbb 0]

Pessola, Vlw!! Mais Uma vez!!!!!!!!!!

[brcontainer 16]

Qualquer coisa volte a postar mbb

;)

[webflex 0]

Olá,

 

Eu coloquei o title só como exemplo ;).

Exacto, em navegadores antigos essa possibilidade não resulta, ai teria que usar javascript ou um css diferente ;). CSS 2.1 não está incorporado no IE6 nem browsers anteriores.

Daqui a uns tempos isso vai deixar de ser problema, pois vivemos num mundo de actualizações.

 

Cumps \o/