<input type="email" id="email" placeholder="Enter email address" className="appearance-none mt-3 w-[30vw] h-12 p-2 text-lg border border-customGreen rounded-md outline-none" /> <input type="password" id="password" placeholder="Enter password" className="mt-1 mb-1 w-[30vw] h-12 p-2 text-lg border border-customGreen rounded-md outline-none !border" />
i tried to do this and only the border-bottom is displaying
@lizabeth I'd imagine that your Tailwind CSS is overwritten by CSS with higher specificity. Inspect your <input> elements to make sure.
For example:
<style>
input[type="password"] {
border: none;
}
</style>
Would overwrite your Tailwind utility classes.
Please or to participate in this conversation.