选择选项标记的CSS代码

我在我的索引页面中有一个表单，其中我使用相同的css代码进行输入和选择，但问题是在输入标记中它的工作正常，但是在选择标记中首先宽度变为小小，当我选择它没有被选中，虽然在MAC镀铬它的工作正常，但在Windows铬没有被选中！选择选项标记的CSS代码

请检查我的代码，让我知道我错了哪里！

#contact-form input[type="text"], 
 
#contact-form select[type="text"], 
 
#contact-form textarea { 
 
    width: 247px; 
 
    max-width: 100%; 
 
    padding: 16px 10px; 
 
    background: #4f5662; 
 
    border: 1px solid #828fac; 
 
    border-radius: 5px; 
 
    -webkit-border-radius: 5px; 
 
    box-sizing: content-box; 
 
    -moz-border-radius: 5px; 
 
    -o-border-radius: 5px; 
 
    color: #b6b7b8; 
 
    font-size: 14px; 
 
    font-family: helvetica; 
 
    box-shadow: none; 
 
    -webkit-box-shadow: none; 
 
    -moz-box-shadow: none; 
 
    -o-box-shadow: none; 
 
    margin-right: 18px; 
 
} 
 

 
#contact-form input[type="submit"], 
 
.newsleter-widget input[type="submit"] { 
 
    float: right; 
 
    font-size: 14px; 
 
    color: #fff; 
 
    font-family: 'Noto Sans', sans-serif; 
 
    text-transform: uppercase; 
 
    background: #8248ac; 
 
    padding: 20px 13px; 
 
    border-radius: 5px; 
 
    -webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    -o-border-radius: 5px; 
 
    border: none; 
 
} 
 

 
#contact-form input[type="text"], 
 
#contact-form select[type="text"], 
 
#contact-form2 textarea { 
 
    margin-right: 0; 
 
    display: block; 
 
    width: 94%; 
 
    max-width: 94%; 
 
    margin-bottom: 19px; 
 
    padding: 16px 3% 
 
} 
 

 
#contact-form textarea, 
 
#contact-form2 textarea { 
 
    height: 110px; 
 
    padding: 8px 3%; 
 
} 
 

 
#contact-form input[type="submit"], 
 
#contact-form2 input[type="submit"] { 
 
    display: block; 
 
    float: right; 
 
    padding: 20px 38px; 
 
}

<div class="span4"> 
 
    <h3>Contact Form</h3> 
 
    <form id="contact-form"> 
 
    <input type="text" name="name" class="name" placeholder="Name"> 
 
    <input type="text" name="email" class="email" placeholder="Email address"> 
 
    <input type="text" name="email" class="email" placeholder="Phone no"> 
 
    <select type="text" name="service"> 
 
\t \t \t \t <option value="" selected >Select Services</option> 
 
\t \t \t \t <option value="" >Option 1</option> 
 
\t \t \t \t <option value="" >Option 2</option> 
 
\t \t \t \t <option value="" >Option 3</option> 
 
\t \t </select> 
 
    <input type="submit" name="submit-form" id="submit" value="Send Message"> 
 
    </form> 
 
</div>

当我粘贴在这里也代码，该选项标签是越来越虽然选择，但在我的代码它没有得到选择！但仍然在这里，与输入标签相比，选择标签的宽度仍然更小。现在

它看起来像这样