Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

kuci

Carbon - wybór perfixów a styl input select

Promowane odpowiedzi

kuci    642
4 minuty temu, KubaWEB napisał:

Może byś poddał link do forum wreszcie ?!

 

bardziej liczyłem na jakieś wskazówki z czego tu skorzystać .

bo to co ja zrobiłęm to dodałem klase do tego selekta:

Cytat

.select2 {
    padding: 0px;
    border: 0px solid #383838;
    background: transparent none repeat scroll 0% 0%;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
kuci    642
21 minut temu, Salvation napisał:

Usuń to co dodałeś, bo chcę zobaczyć co oryginalnie odpowiada za tego selecta.

orginalnie select samo

 

select {
    padding: 6px;
    border: 1px solid #383838;
    background: #292929 none repeat scroll 0% 0%;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;

 

Edytowane przez kuci

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,403

Tą strzałkę tak na prawdę ciężko będzie ostylować albo ja się nie znam :D

Więc jak już ogarnąłeś klasę, to podmień ją na to:

.select2 {
    padding: 3px 1px;
    border: none !important;
    background: rgba(0,0,0,.1);
    font-weight: bold;
    font-size: 11px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0 0 5px;
    box-shadow: inset rgba(0,0,0,.2) 0 0 5px;
}

 

Edytowane przez Salvation
  • Lubię to! 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
kuci    642
21 minut temu, Salvation napisał:

Tą strzałkę tak na prawdę ciężko będzie ostylować albo ja się nie znam :D

Więc jak już ogarnąłeś klasę, to podmień ją na to:

.select2 {
    padding: 3px 1px;
    border: none !important;
    background: rgba(0,0,0,.1);
    font-weight: bold;
    font-size: 11px;
    -moz-box-shadow: inset rgba(0,0,0,0.2) 0 0 5px;
    box-shadow: inset rgba(0,0,0,.2) 0 0 5px;
}

 

przycisk pewnie trzeba w javie, dzięki ! łądniej to wygląda

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
SeNioR    6,708

Co do strzałki to akurat zależy od przeglądarki, każda wyświetla ją inaczej wiec teoretycznie nie da się jej zmienić.

 

Można to zrobić za pomocą CSS ale trzeba dodać wiele linijek kodu i nie zawsze to działa na każdej przeglądarce, z javascript jest już lepiej.. ale chce ci się z tym bawić? To taki mały szczegół.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
kuci    642
36 minut temu, SeNioR napisał:

Co do strzałki to akurat zależy od przeglądarki, każda wyświetla ją inaczej wiec teoretycznie nie da się jej zmienić.

 

Można to zrobić za pomocą CSS ale trzeba dodać wiele linijek kodu i nie zawsze to działa na każdej przeglądarce, z javascript jest już lepiej.. ale chce ci się z tym bawić? To taki mały szczegół.

nie kolega wyżej w miare fajny sposób to zrobił myślę że nie będe z tym kombinował lubie zagłębiać się w szczegóły ale w tym wypadku sobie odpuszczę, jest wiele innych ciekawszych rzeczy do zrobienia.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×