locked
css input RRS feed

  • Pergunta

  • alguem sabe como implementer o css para todos os inputs de um certo tipo?

    já tentei o seguinte mas não funcionou!

     

    input[type="checkbox"]

    {

    }

     

    input.checkbox

    {

    }

     

    quarta-feira, 5 de dezembro de 2007 16:52

Todas as Respostas

  • Se estiver utilizando o IE 6 (e versões menores que isto), esquece. Não sei o IE7. Faça um teste em outros browsers, veja que não terá problemas.

     

    []s

     

     

    quarta-feira, 12 de dezembro de 2007 13:56
  • Olá  Mariano Almeida,

     

     

    Que tal fazer isso usando THEMES / SKINS, é muito simples, elegante e funcional. Caso tenha dúvidas de como utilizar esse recurso entre em contato que terei prazer em ajuda-lo.

     

     

    Abraços.

    sábado, 5 de abril de 2008 12:51
  • Amigão,

     

    Se permite a palavra, gostaria de esclarecer uma coisinha sobre a sintaxe input[type="tipodeentrada"] { ... }, o explorer 6.0 ainda aceita o de tipo de entrada button e text, mas infelizmente, e não sei o pq ele não interpreta corretamente os outros tipos. Mas a solução é muito simples:

     

    Para cada classe com input no caso:

     

    .classUm .classDois input .TIPODEENTRADA { ... }   -

    .classUm  input .TIPODEENTRADA2 { ... }   -

     input .TIPODEENTRADA { ... }   -

     

    la no seu HTML por exemplo vc faz assim:

     

     <ul>
            <li>
              <label>NOME:</label>
            </li>
            <li>
              <input name="nome" type="text" size="40"    class="TIPODEENTRADA" />
            </li>
            <li>
              <label>EMAIL:</label>
            </li>
            <li>
              <input name="email" type="text" size="40" class="TIPODEENTRADA2" />
            </li>

    .....

     

    Espero que vc consiga entender... criar classes e determinar dentro de cada input... pode ser trabalhoso, porém se vc organizar as sessões de CHECKBOX, CHECKLIST, INPUTS, TEXT...

     

    dessa forma tu podes colocar as classes equivalentes... sem medo de compatibilidade com BROWSERS.

     

    Abraço...

    sexta-feira, 11 de abril de 2008 13:59
  • No arquivo css você faz assim:

     

    input{

    ... formatação para o input...

    }

     

    textarea{

    ... formatação para o textarea...

    }

     

    select{

    ... formatação para o select...

    }

     

    São as tags de formulário.

     

    Luis

    [ http://www.luis.blog.br ]

     

    sábado, 19 de abril de 2008 17:53
  • No ASP.NET, a melhor solução para esse tipo de problema é utilizar Themes /Skins, pois todos os controles do ASP.NET após a compilação se tornam input.

     

    Então acredito que isso ajuda.

     

    Abs, Deus é Fiel

    quarta-feira, 2 de julho de 2008 13:00