2015-04-30 7 views
1

Я попытался изменить размер флажка для бумаги, изменив атрибуты ширины и высоты в моем css-файле и с помощью преобразования: шкала (2,2)Изменить размер полимерных элементов (флажок)

Масштабирование делает его размытым, ширина и высота изменяет только зону смены.

Как бы я мог достичь этого?

+0

Не могли бы вы добавить код? –

+1

уверен, но это ничего необычного. Я включил веб-компоненты и бумажные элементы. код: ... – ManuKaracho

+0

Весь код бумаги-checkbox можно найти здесь: https://github.com/Polymer/paper-checkbox – ManuKaracho

ответ

1

Я думаю, вы нашли правильное решение уже. Вы не можете изменить разрешение, поэтому вы ничего не можете сделать.

Для тех, кто не заботится о размытости, вот CSS:

paper-checkbox 
{ 
    /* Double-sized Checkboxes */ 
    -ms-transform: scale(2); /* IE */ 
    -moz-transform: scale(2); /* FF */ 
    -webkit-transform: scale(2); /* Safari and Chrome */ 
    -o-transform: scale(2); /* Opera */ 
    padding: 10px; 
} 
0

В полимерном 1.0 и бумажно-флажок 1,2 работает с этим простым стилем

paper-checkbox { 
    --paper-checkbox-size: 30px; 
} 

Когда я был сначала попробовав использовать бумагу-checkbox bower установленную версию 1.0 для меня. И эта версия имела проблемы. Возможно, это может быть и для вас.

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