Steruj dwoma kolorami wstawki?

Próbuję sprawdzić, czy istnieje sposób, aby zmienić dwa kolory granicy wstawka w CSSSteruj dwoma kolorami wstawki?

Jak wiecie, styl wstawka tworzy granicę na element, który tworzy iluzję, że ma on wbudowany granica. Osiąga to, ustawiając dolną i prawą ramkę na wybranym kolorze, i zmienia kolor górnej i lewej krawędzi na nieco ciemniejszy odcień.

Czy ktoś wie, w jaki sposób można kontrolować, jak ciemny, a może nawet inny kolor będzie miał inny odcień?

#myElement{ 
    border: inset 1px white; 
}

Dzięki.

Źródło

2013-07-12 Philll_t

To pytanie jest tak głupie, właśnie uświadomiłem sobie, że to czyta. Zostawię to jednak na wypadek, gdyby ktoś inny próbował to osiągnąć. –

Musisz tylko utworzyć swoje granice ręcznie. 'border-left: 1px solid #somecolour;' i to samo dla prawej, górnej i dolnej. Jeśli nie wiesz, jak odtworzyć efekt wstawki, zrób zrzut ekranu z obramowaniem ustawionym na wstawkę i użyj tych samych kolorów. Następnie ruszaj stamtąd. – Ariane

Tak, masz rację. Kiedy czytałem moje pytanie, przyszło do mnie, odpowiedziałem na własne pytanie. Miał pierdnięcie mózgu. –

Nie sądzę, można ją kontrolować tak, jak wspomniano, ale na pewno można kontrolować indywidualny kolor każdej granicy:

#myElement{ 
    border-style: solid; 
    border-width: 1px; 
    border-top-color: black; 
    border-left-color: black; 
    border-right-color: white; 
    border-bottom-color: white; 
}

Źródło

2013-07-12 02:29:14

Rzeczywiście. +1 za poświęcenie czasu, aby odpowiedzieć sobie, ponieważ wszyscy mamy nasze epizody głupoty i nie zawsze jesteśmy w stanie znaleźć oczywiste rozwiązanie sami. – Ariane

Jeśli chcesz używać tego samego koloru na wszystkich stronach na wypustce, spróbuj tego, z którego korzystałem i pracowałem dobrze.

border-style: solid inset solid solid;

Źródło

2016-03-16 09:33:36

Steruj dwoma kolorami wstawki?

Odpowiedz

Powiązane problemy