button
outline 设置为none
cursor pointer,鼠标over时显示为手指
input
border 设置边框颜色
border-radius 设置圆角
outline-color 设置鼠标点击时的边框颜色
可以用js写简单触发事件
比如切换登录方式
这里是仿写b站登录界面的输入框
实现方法是写两个div且隐藏其中一个,当点击按钮时,把原先隐藏的显示,原先显示的隐藏。同时按钮会变蓝。
用到onclick事件
<button id="mima-button" class="button" onclick="mima()">密码登录</button>
<button id="duanxin-button" class="button" onclick="duanxin()">短信登录</button>