Ir para conteúdo
Fórum Script Brasil
  • 0

Css - Dúvidas

Roberta

Perguntado por Roberta,

 Share

Pergunta

Roberta

Roberta

Postado
Postado

Olá!

Estou com uma dúvida quanto à definição de estilos para bordas de Text Fiels e Buttons...

Digitei o script logo abaixo num arquivo denominado "estilo.css", fiz referência a ele no arquivo HTML no qual será usado, mas ele não reconhece! (reconhece apenas as classes de texto simples e links)

Para Text Fileds:

.BORDA {

background: #FFFFFF;

border-color: #0074A8;

border-style: solid;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:8pt;

}

Para Buttons:

.BOTAO {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 8pt;

border-color: #0074A8;

border-style: solid;

background: #DFEFFF;

}

Alguém pode me ajudar e dizer o que estou fazendo de errado??

Obrigada!

Roberta

Canoinhas - SC

Link para o comentário
Compartilhar em outros sites

10 respostass a esta questão

Posts Recomendados

  • 0
diraol

diraol

Postado
Postado

Olha roberta, pelo q deu pra perceber tá tudo certinho........

agora.... veja se você fez a referência correta no botão........ como você está utilizando no botão...

<input type='button' class='botao'>

assim??????

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

Menu/List ????....

acho que isso é alguma especificação do seu código, só olhando o cod. pra saber...........

Link para o comentário
Compartilhar em outros sites
  • 0
diraol

diraol

Postado
Postado

então roberta.... o SELECT é o famoso "garoto problema"....... ele não aceita qse nada (se é que aceita algo) de css...............................

acho que não tem como viu..........

mas tenta ai, cria algum código css e aplica nele...... num custa tentar.... :D

Link para o comentário
Compartilhar em outros sites
  • 0
Maujor

Maujor

Postado
Postado

Olá Roberta,

Você pode conseguir mais efeitos com CSS no elemento select do HTML.

Copie e cole o código abaixo, dentro da tag <body> e dê uma olhada no seu navegador!

Estude o código, faça modificações e você vai conseguir efeitos bem interessantes. 

<form  style="padding:10px; width:250px; border-top:3px solid #cccccc; border-left:3px solid #cccccc;">
<select name="teste" style="background: #000000; font: bold italic Verdana, Arial, Helvetica, Sans-serif; color:#00ff00; ">
<option value="#" >Valor de teste um
<option value="#">Valor de teste dois
<option value="#">Valor de teste tres
<option value="#">Valor de teste quatro
</select>
<input type=button value="OK" style="background: #ff0000; font: 12px  Arial,  Verdana,Helvetica, Sans-serif; color:#ffffff; border: 3px outset #00ff00; ">
</form>

Para tutoriais completos de CSS visite meu site.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...