造button轮子时遇到的问题

26 阅读1分钟

使用自己造的Button轮子时,如果同时给Button加上宽度width:100% 和 margin 左右有值的情况下 css内置问题 button 的display:block;不生效

image.png

按钮会超出去

解决:应该给这个button加个外容器 外容器上加padding

image.png

image.png

闪烁问题

Button轮子 如果一开始设置border为none

那么在给他设置hover时 比如1px solid red; 会有红边闪烁

image.png

给初始设置与Button按钮一样颜色的border 这样不会闪烁了 会有红色边框 这样直接改border颜色就行