Hello Everyone!!
I am struggling on adding a border on the input text box. Below is the markdown down for the input box and input container.
.input-container {
text-align: center;
margin-bottom: 20px;
}
.input-box input {
width: 100%;
max-width: 500px;
margin: auto;
border: 2px solid #fffff; /* Updated border color */
# border-radius: 8px; /* Updated border radius */
padding: 10px;
background-color: #EDF4F2; /* Updated background color */
}
I have attached 2 images below. I want a border like in image 2. Currently having no border in image it is only appearing border on hover.