Flex 3 - Shadow в пользовательской коже кнопки - PullRequest
Новая
       35

Flex 3 - Shadow в пользовательской коже кнопки

0 голосов
/ 16 ноября 2011

Мне трудно удалить какой-то тип тени в кнопке.

Вот кнопка:
enter image description here

Кнопка, которая доставляет мне неприятности, это кнопка "Zoomer". Как видите, границы не прямые. Я предполагаю, что есть какой-то градиент / тень или что-то, что унаследовано от скина по умолчанию.

При опрокидывании появляется та же проблема, но она немного менее заметна:
enter image description here

Я использую css для его снятия.
Вот объявление кнопки: 

<mx:Button id="zoomButton" 
           paddingLeft="7" paddingRight="7"
           height="24" textAlign="center" fontSize="10"
           buttonMode="true"
           styleName="intZoomButtonStyle"
           icon="{Assets.MISC_ZOOM_ICON_SMALL}"/>

А вот и CSS: 

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    shadow-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;
}

Может ли кто-нибудь помочь мне в этом?

Спасибо:)

Ответы [ 2 ]

1 голос
/ 17 ноября 2011

Я думаю, что это может помочь вам Style Explorer для дальнейшей проверки

~~~~~~~~ Happy coding ~~~~~~~~~~

0 голосов
/ 17 ноября 2011

Я наконец-то использовал изображение для скина кнопки Вот как выглядит CSS: 

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;

    up-skin: Embed("assets/miscellaneous/blank.jpg");
    down-skin: Embed("assets/miscellaneous/blank.jpg");
    over-skin: Embed("assets/miscellaneous/blank.jpg");
}

blank.jpg - это просто изображение белого квадрата.

И вуаля!
Меня все еще беспокоит, что я не могу сделать это с помощью простого CSS, но я обнаружил, что это работает ...

...