Полимер CSS - форсирование ширины 0

Я работаю над приложением «Полимер». Я продолжаю сталкиваться с странностями. В это время я пытаюсь поместить paper item в свое приложение. Во время выполнения эти элементы появляются добавить HTML-элемент, который выглядит следующим образом:Полимер CSS - форсирование ширины 0

<div id="contentIcon" class="content-icon style-scope paper-icon-item"> 
</div>

По какой-то причине этот элемент всегда 56px по ширине. В инструментах разработчика Chrome я вижу width:56px. Если я установил его в width:0px в инструментах Chrome Dev, пользовательский интерфейс будет выглядеть так, как я хочу. В попытке сделать это, я добавил следующее к моему CSS:

.content-icon.paper-icon-item { 
    width:0px !important; 
}

Однако ширина 56px все еще остается. Я не понимаю, почему я должен сделать это, чтобы удалить эту ширину 56 пикселей.

Спасибо,

источник

2015-12-07 JQuery Mobile

вам нужно, чтобы сделать ваш CSS более конкретно, чем один из полимера – Mikel

Кажется странным, чтобы иметь нулевую ширину ... Может быть, 'overfow: hidden '? – epascarello

Вы пытались использовать селектор '/ deep /'? – Will

Почему вы используете атрибут класса для определения веб-компоненты? Этот синтаксис кажется довольно странным. Можете ли вы предоставить более конкретное описание этой проблемы, поскольку это не кажется ясным. AFAIK, правильный синтаксис для включения компонента бумаги элемента в коде должно быть:

<paper-item> 
    <paper-item-body two-line> 
    <div>Show your status</div> 
    <div secondary>Your status is visible to everyone</div> 
    </paper-item-body> 
    <iron-icon icon="warning"></iron-icon> 
</paper-item>

источник

2015-12-07 15:27:59 andreasonny83

Полимер CSS - форсирование ширины 0

ответ

Смежные вопросы