Bootstrap 5 jak pozbyć się otoczki wokół przycisku

Question

Witam!

Mam taki problem: szukałem w internecie i nie znalazłem sposobu na pozbycie się otoczki na przycisku, która wyświetla się cały czas po kliknięciu bootstrapowego przycisku (poniżej jest obrazek, który pokazuje tą otoczkę). W takim razie jak pozbyć się tej otoczki? Nie chcę, aby się ona wyświetlała po kliknięciu. Korzystam z bootstrapa w wersji 5-tiej.

Z góry dziękuje za pomoc!!!

Answer 1

.btn:focus,.btn:active {
   outline: none !important;
   border:none !important;
   box-shadow: none;
}

Powinno pomóc

Comments

Dzięki! Nie spodziewałem się tak szybkiej odpowiedzi!

EDIT:

Choć mimo to muszę to skrytykować. Wystarczy było tylko użyć "box-shadow: none;" i dało pożądany efekt. Użycie "border:none !important;" spowodowało u mnie kurczenie się przycisku po kliknięciu (w końcu przecież usuwamy przez ten zapis obramowanie), ale dziękuje mimo to za pomoc!

EDIT 2:

Poszukałem w internecie i znalazłem coś takiego jak "shadow-none". Jest to klasa bootstrapowa, która również rozwiązuje problem. Gdybym wiedział, że ta "otoczka" to "shadow" nie byłoby w ogóle tego tematu.

---

Nie ma za co Cała przyjemność po mojej stronie

Pozdrawiam Serdecznie

---

@dawid2002,
Dostosuj do Swoich potrzeb . Nie obrażam się ... Zawsze są jakieś problemy kłopoty które musimy rozwiązać podczas tworzenia stron lub aplikacji ..Nie wszystko wszędzie pasuje...Bravo Ty!  Starałem się pomóc jak najlepiej i jak najszybciej ...

Pozdrowionka i miłego weekendu !

Powodzenia z Projektem

---

nie powinno się stosować !important przy stylowaniu, jeśli coś tego wymaga- to znaczy że coś jest robione źle 

---

Tak a to Ciekawe jest ...

https://stackoverflow.com/questions/23333231/bootstrap-button-shows-blue-outline-when-clicked

---

opierasz sie o answered Apr 28 '14 at 9:57

Janak   więc na marginesie zamiast udawać, że się na czymś znasz ... to możę trochę poczytaj, bo przeklejając odp. na szybko jak w 3/4 twoich odp. na forum to każdy może :) 
2014 rok i randomową odp. z stacka, bardzo bardzo ciekawe... siegnij do WCG- i o tym co jest opisane na temat important. 

---

nawet stack nie da rady ...dziękuje za radę na pewno nie posłucham 

Answer 2

Ok, ale może zastanówmy się po co ktoś umieścił taki styl w tym miejscu? Między innymi po to, aby użytkownicy mogli się poruszać po Twojej stronie przy pomocy klawiatury. Usuniesz styl - utrudniasz im życie (albo całkowicie blokujesz im możliwość poruszania się po niej). To tak jakbyś zamalowywał pasy na przejściach dla pieszych... Proponuję zostawić te style, lub zapewnić jakąś widoczną alternatywę.

Comments

Szczerze, to nie myślałem o wsparciu dla osób bez myszki/touchpada, bo zamierzam napisać mały projekt dla ćwiczeń, który głównie piszę, aby poćwiczyć ASP.NET.