樣式化輸入字段

Question

當我嘗試改變名爲「title」的輸入字段的CSS，該字段被「submissionfield」分類時，位置改變，但字段的高度，長度和字體不會改變。

我怎樣才能使輸入字段的高度「標題」22像素，長度550像素，字體時代新羅馬？下面的CSS不這樣做。

由於提前，

約翰

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> 
'; 

的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

使用這個CSS：

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

Answer 2

你只針對。嘗試.submissionfield input { // stuff }以將該類中的div內的輸入元素作爲目標。