Zasłanienie ramki divem CSS

Question

Witam,

z góry przepraszam za temat, ale nie mam pomysłu jak go nazwać. Chodzi o to, aby w tym kodzie

po zmienieniu wartości inputa, pojawia się cień. I ten tekst ma swoje tło, aby zasłonić ramkę, ale kiedy cień się włączy to widać jego tło. Pytanie moje brzmi - czy da się zrobić, aby div z tekstem zasłaniał ramkę, ale aby nie było widać jego koonturów w cieniu?

Answer 1

Może to ci będzie odpowiadać, dodałem ten kod css:

.setting_changed .setting_name {
  background: none;
  text-shadow: 0 0 5px #1f1f1f, 0 0 10px #1f1f1f, 0 0 15px #1f1f1f, 0 0 20px #1f1f1f,  0 0 25px #1f1f1f, 0 0 30px #1f1f1f
  }

i też do .setting_input dodałem:

outline: none

żeby pozbyć się tej brzydkiej niebieskiej obwódki, gdy zaczynasz pisać w inpucie.

https://jsfiddle.net/frostify/tu62b7ed/18/

Comments

Ta brzydka, niebieska obwódka to rzecz podstawowa w kwestiach dostępności strony internetowej.