表单元素的CSS属性在外部样式表中不起作用

Question

我在外部样式表中有以下CSS属性来设置表单元素默认值。由于某种原因，无法识别表单元素属性，但标题和标签属性是。外部样式表的路径是正确的。当直接放在HTML页面上的样式标签中时，一切都有效。

/*-------- the form-----------------------------------*/

form {
  background-color:Yellow;
  border-right:thin;
  border-right-style:solid;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 
/* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
  font-family: Tahoma, Geneva, sans-serif;
  font-style: italic;
  line-height: 1.5;
  font-weight: bold;
  color: #09C;
  text-decoration: none;
}

/*------------  margins for <label> and <h>---------------------*/

h1, h2, h3, h4, label {margin-left:30px;}
label {font-size:12px;}

示例HTML     

<style>
  form {
    height:100px;
    width:500px;
    }
</style>

<form>
  <label>Test</label>
  <input type="text">
</form>