dropdown issue

by Sreeraj Saseendran

HTML

<li><a href="#" class='dropdown-button waves-effect btn waves-      light black white-text bordersystembtn' data-activates='loginsystem'>Login</a>
                    <ul id='loginsystem' class='dropdown-content logindropdown'>
                        <li>
                            <form>
                                <input type="text" id='username' name="username" placeholder="Your username">
                            </form>
                        </li>
                    </ul>
                </li>

CSS

.logindropdown{
background: black !important;
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
li{
    color: white;
}}
.bordersystembtn:hover {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}


 .bordersystembtn:focus {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
 }  

input, select, textarea{
color: #ffffff;
}
textarea:focus, input:focus {
color: #ffffff;
}