無法在DT上製作邊框半徑

Question

爲什麼我無法在我的<dt>上製作border-radius？

http://thistedbolig.konggulerodhosting.dk/

我可以改變？我真的需要製作邊界半徑。我嘗試了很多東西，但都沒有成功。我希望這裏有人能幫助我，這樣我就可以完成這個項目。

CSS：

.dropdown dt { border-radius: 10px 0px 0px 10px;} 

HTML：

 <div class="small-6 medium-3 columns"> 
      <dl class="dropdown"> 

      <dt> 
      <a href="#0"> 
       <span title="city" class="hida " ><img src="assets/images/search/placeholder.svg" alt="" style="width:20px; height:20px; margin-right:10px;">Vælg en by</span> 
       <p class="multiSel"></p> 
      </a> 
      </dt> 

      <dd> 
       <div class="mutliSelect"> 
        <ul> 
         <li> 
          <input type="checkbox" value="Thisted" />Thisted</li> 
         <li> 
          <input type="checkbox" value="Snested" />Snested</li> 
         <li> 
          <input type="checkbox" value="Vesløs" />Vesløs</li> 
         <li> 
          <input type="checkbox" value="Nors" />Nors</li> 
         <li> 
          <input type="checkbox" value="Sennels" />Sennels</li> 
         <li> 
          <input type="checkbox" value="Østerild" />Østerild</li> 
        </ul> 
       </div> 
      </dd> 
     </dl> 
     </div> 

Answer 1

您需要設置邊框的標籤以應用邊框

這樣：

更新：

.dropdown dt { 
       height: 20px; 
       line-height: 20px; 
       display: block; 
       background: black; 
} 


.dropdown dt a { 
    padding: 8px 20px 5px 10px; 
    overflow: hidden; 
    border-radius: 10px 0px 0px 10px; 
} 

應該工作！

行高將垂直居中文本！

入住此的jsfiddle：https://jsfiddle.net/9tgj0n5k/1/