標籤文本搞砸純CSS選擇

標籤讀取GROUP BY，但信件都疊加出於某種原因。

下面是HTML：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Label font</title> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure.css"> 
    <script src="script.js"></script> 
    <link rel="stylesheet" href="style.css"> 

    <link rel="stylesheet" href="//builder.yaas.io/public/js/vendor/bootstrap/dist/css/bootstrap.min.css"> 

</head> 

<body ng-app="app"> 

    <div ng-controller="UICtrl"> 

    <form class="pure-form pure-form-aligned"> 
     <fieldset> 

     <div class="pure-g"> 
      <div class="pure-u-md-1"> 
      <label for="graphType">Group By: </label> 
      <select id="graphType" class="pure-input-1"> 
       <option disabled selected value> -- Select a Graph Type --</option> 
       <option> Graph type 1 </option> 
      </select> 

      </div> 
     </div> 
     </fieldset> 
    </form> 
    </div> 

</body> 

</html>

的問題消失，如果我不使用純CSS庫。無論如何，我可以讓標籤字體在保持純CSS的同時不會搞亂嗎？

來源

2016-08-01 Nishant Roy

'字母間距：-0.31em;'在pure.css看到https://plnkr.co/edit/ZHFiu3HrNU37IC5rbZzi?p=preview – Satpal

我不沒有經驗的純CSS庫。但是我可以寫另一個樣式表覆蓋一些規則，這樣問題就消失了。你可以嗎？ – geeksal

這會很好@geeksal –

您可以自定義標籤的CSS

label { 
    letter-spacing: 0.1em; 
}

來源

2016-08-01 09:10:55

標籤文本搞砸純CSS選擇

回答

相關問題