Border on input text box

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.


This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.