Tengo un div redondeado que contiene un botón (quería crear un "botón agregar" redondeado) y me gustaría aplicar un color de borde diferente a este div cuando está enfocado, pero no puedo obtener el resultado esperado usando el :modificador de enfoque. esto es lo que probé
<div:class=" ['flex rounded-full border border-blue-100 h-12 w-12 justify-center absolute bottom-10 right-5 focus:border-red-500' ]"> <button type="button" class="text-5xl">+</button> </div>"Sin embargo, el borde no cambia de color.
El DIV no es enfocable; debe aplicar las clases en el BOTÓN mismo:
<button class="text-5xl flex rounded-full border border-blue-100 h-12 w-12 justify-center items-center focus:border-red-500">+</button>el div no se puede enfocar, por lo que debe aplicar el borde al botón o hay otra forma de hacerlo
te focus-within lugar de focus en div