Stylisation d'un champ de saisie

Question

Lorsque j'essaie de modifier le CSS pour le champ de saisie nommé "title" ci-dessous, qui est classé par "submissionfield", la position change, mais la hauteur, la longueur et la police du champ ne changent pas .

Comment puis-je faire la hauteur du champ de saisie "titre" 22 px, la longueur 550 px, et la police Times New Roman? Le CSS ci-dessous ne le fait pas.

Merci à l'avance,

John

echo '<form action="http://www...com/.../submit2.php" method="post"> 
    <input type="hidden" value="'.$_SESSION['loginid'].'" name="uid"> 

    <div class="submissiontitle"><label for="title">Story Title:</label></div> 
    <div class="submissionfield"><input name="title" type="title" id="title" maxlength="1000"></div> 

    <div class="urltitle"><label for="url">Link:</label></div> 
    <div class="urlfield"><input name="url" type="url" id="url" maxlength="500"></div> 

    <div class="submissionbutton"><input name="submit" type="submit" value="Submit"></div> 
</form> 
'; 

Le CSS:

.submissiontitle 
    { 
    position:absolute; 
    width:100px; 
    left:30px; 
    top:200px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    } 


.submissionfield 
    { 
    position:absolute; 
    width:550px; 
    left:50px; 
    top:230px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 22px; 
    color:#000000; 
    } 


.urltitle 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:300px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    }  

.urlfield 
    { 
    position:absolute; 
    width:550px; 
    left:30px; 
    top:330px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color:#000000; 
    }  


.submissionbutton 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:380px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color:#000000; 
    }  



.submittitle 
    { 
    position:absolute; 
    width:250px; 
    left:30px; 
    top:150px; 
    text-align: left; 
    margin-bottom:3px; 
    padding:0px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color:#000000; 
    } 

Answer 1

Utilisez cette css:

#title { 
    font-family: 'Times New Roman'; 
    height:22px; 
    width:550px; 
} 

Answer 2

vous ciblez le div avec juste .submissionfield. Essayez .submissionfield input { // stuff } pour cibler l'élément d'entrée dans la div avec cette classe.