CSS - 二つのドロップダウンの参加にエラー

Question

問題は、右下のこの画像リンクである：あなたが見ることができるように、2つのドロップダウンがあるように、2つの矢印がある

Image for Problem

。彼らの間にスペースを入れて、悪くは見えないのですか？

HTMLコードは次のとおりです。

<tr> 
    <td> 
    <label for="text3">Request for:</label> 
    </td> 
    <td> 
    <select name=category id=category class="text"> 
     <option value='' selected>Select one</option> 
     <?Php require "config.php";// connection to database $sql="select * from category " ; // Query to collect data foreach ($dbo->query($sql) as $row) { echo " 
     <option value=$row[cat_id]>$row[category]</option>"; } ?> 
    </select> 
    </td> 
    <td></td> 
    <td> 
    <select name=sub-category id=sub-category class="text"></select> 
    </td> 
</tr> 

CSSのコードは次のようになります。たとえば、テキストクラスにマージンを加え

.text { 
    background: #333; 
    color: white; 
    width: 150px; 
    padding: 6px 15px 6px 35px; 
    transition: 500ms all ease; 
    border: 1px solid #333; 
} 
.text:hover { 
    box-shadow: 12px 13px 0px rgba(204, 211, 51, 0.38), -11px -14px 0px rgba(241, 96, 0, 0.28), 18px -24px 0px rgba(0, 0, 0, 0.34), 33px -6px 0px rgba(39, 74, 214, 0.28); 
} 

Answer 1

試してみてください。

margin: 2px;