更改交換機中所選值的文本大小

我想在用戶更改所選值時更改所選值的文本大小。更改交換機中所選值的文本大小

例子：

都好，但是當我們切換到更大的東西，如：

您看到文本下了選擇的元素，我做不想根據所選值的大小更改所選元素的大小。我想更改所選值的文本大小以適應元素。

有沒有辦法在JavaScript中做到這一點？

來源

2017-08-04 Victor Hugo Schmidt

給予一定的ID選擇，並通過「的document.getElementById（ 'idname'）.. style.fontSize = 「12像素」。 – HebleV

訪問它，但始終PLZ發佈一些代碼，以幫助您更好 – HebleV

也許你可以嘗試這樣的事情，但這會讓你的頁面笨拙，因爲字體大小並不統一。

<html> 
 
    <select style="width: 150px;" id="dropdown"> 
 
    \t <option>Todas</option> 
 
     <option>Sesporte - contrasxyz</option> 
 
     <option>Sesporte - contrasxyz - todas</option> 
 
    </select> 
 
    <script> 
 
    var activity = document.getElementById("dropdown"); 
 
    function start(){ 
 
    activity.addEventListener("change",addActivityItem,false); 
 
    } 
 

 
    function addActivityItem(){ 
 
      //option is selected 
 
      if (activity.value.length > 10) 
 
      { 
 
      \t activity.style.fontSize = "8px"; 
 
      } 
 
      else 
 
      { 
 
      \t activity.style.fontSize = "16px"; 
 
      } 
 
    } 
 

 
    window.addEventListener("load", start, false); 
 
    </script> 
 
    </html>

但是你可以刪除「風格」爲「選擇」的標籤，讓頁面自動適應下拉內的所有尺寸。

<html> 
 
<select> 
 
\t <option>Todas</option> 
 
    <option>Sesporte - contrasxyz</option> 
 
    <option>Sesporte - contrasxyz - todas</option> 
 
</select> 
 
</html>

來源

2017-08-05 05:44:10

更改交換機中所選值的文本大小

回答

相關問題