css3

[ericarafaelle 0]

ola pessoal, meu sisteminha tem cerca de 5form, e depois de ja criado, tive a necessidade de alterar a caixinha de texto com bordas arrendondas, más ta entrando tambem o botão de envio. e não é pra altera-lo.

 

como devo alterar?

desde ja muito obrigada

 

 

 

 

 
input { border: solid thick red;
    border-radius: 1em }input { border: solid thick red;
    border-radius: 1em }

html:

 

 
 <form id="form1" name="form1" method="post" action="boletobancario/boletobancario/boleto_cef.php">
    <table width="200" border="1">
      <tr>
        <td>ID:</td>
        <td><span id="sprytextfield1">
          <label>
            <input type="text" name="cli_id" id="cli_id" />
          </label>
        <span class="textfieldRequiredMsg">A value is required.</span></span></td>
      </tr>
      <tr>
        <td>Vencimento:</td>
        <td><span id="sprytextfield2">
          <label>
            <input type="text" name="form_vencimento" id="form_vencimento" />
          </label>
        <span class="textfieldRequiredMsg">A value is required.</span></span></td>
      </tr>
      <tr>
        <td>Valor:</td>
        <td><span id="sprytextfield3">
          <label>
            <input type="text" name="form_valor" id="form_valor" />
          </label>
        <span class="textfieldRequiredMsg">A value is required.</span></span></td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td><label>
          <input type="submit" name="button" id="button" value="Submit" />
        </label></td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table>
  </form>
 

[tzp 24]

input { border: solid thick red;
    border-radius: 1em }input { border: solid thick red;
    border-radius: 1em }

 

vc ta colocando borda redonda em tudo que for um input

 

 <input type="submit" name="button" id="button" value="Submit" />

 

 <input type="text" name="form_vencimento" id="form_vencimento" />

 

coloca uma class so nos inputs vai ter bordas redondas exemplo

<input type="text" name="form_vencimento" class="erro" id="form_vencimento" />

 

eo css fica assim

 

 

.erro { border: solid thick red; border-radius: 1em }

dei o nome de erro para a class pq achei que era um aviso de erro.

e melhor usar css em vez de tabelas o codigo fica melhor com css.

[ericarafaelle 0]

ah obrigada.. foi de grande ajuda. :)

[Ricardo Saraiva 84]

Acho mais trabalhar assim input[type=text] ele ira alterar somente os inputs do tipo text

 

 

input[type=text]{ border: solid thick red;     border-radius: 1em }input { border: solid thick red;     border-radius: 1em }