境界線半径を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; 
} 

line-heightは、テキストを垂直方向にセンタリングします。

チェックこのjsfiddle：https://jsfiddle.net/9tgj0n5k/1/