聚合物1.0：我如何單獨設置紙張下拉框的寬度？

紙張菜單項很好。我只需要更改選定/非選定值的寬度：聚合物1.0：我如何單獨設置紙張下拉框的寬度？

我試過的造型像這樣在紙張下拉菜單標籤：

<paper-dropdown-menu 
id="districtDropdown" 
selected-item="{{selectedDistrict}}" 
selected-item-label="{{selected}}" 
label='&#65290;District' 
style="width:800px; 
display:inline-block;" 
noink no-animations>

，但我只能改變寬度到某一點（如上圖），然後它不會變寬。

這裏有一個獨立的測試我都做了，這並沒有改變紙張下拉列表的寬度：

<!DOCTYPE html> 

<html> 
<head> 

<title>test </title> 

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 

<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
<script src="ajax-form/ajax-form.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

<link rel="import" href="bower_components/polymer/polymer.html"> 
<link rel="import" href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> 
<link rel="import" href="bower_components/paper-menu/paper-menu.html"> 
<link rel="import" href="bower_components/paper-item/paper-item.html"> 

<style is="custom-style"> 
    paper-dropdown-menu { 
    --paper-dropdown-menu: { 
     width: 800px; 
    } 
    } 
</style> 

</head> 

<body> 

<paper-dropdown-menu label="Your favourite pastry"> 
    <paper-menu class="dropdown-content"> 
    <paper-item>Croissant</paper-item> 
    <paper-item>Donut</paper-item> 
    <paper-item>Financier</paper-item> 
    <paper-item>Madeleine</paper-item> 
    </paper-menu> 
</paper-dropdown-menu> 

</body> 

</html>

來源

2015-12-02 VagueExplanation

檢查paper-dropdown-menudocs，你應該使用--paper-dropdown-menu混入到樣式。下面是用一個例子的fiddle，在這裏您需要的混入的自定義CSS：

<style is="custom-style"> <!-- or just the <style> tag in a <dom-module>'s template --> 
    paper-dropdown-menu { 
    --paper-dropdown-menu: { 
     width: 800px; 
    } 
    } 
</style>

有關自定義CSS混入更多信息檢查此docs。

來源

2015-12-03 00:16:55 Alan

請將小提琴中的相關部分粘貼到您的答案中。 – Maria

@Alan，你完全肯定你的例子是能夠改變寬度爲800px？我編輯了從300px到800px的值，我看不出有什麼區別。請參閱我添加到我的問題的測試。 – VagueExplanation

@VagueExplanation您是否再次點擊運行？我可以改變寬度800px或任何其他值，並看到這樣的結果。 – Alan

聚合物1.0：我如何單獨設置紙張下拉框的寬度？

回答

相關問題