diff --git a/package/component/src/component/datePicker/index.less b/package/component/src/component/datePicker/index.less index a3a6d7ce..ec7b2f41 100644 --- a/package/component/src/component/datePicker/index.less +++ b/package/component/src/component/datePicker/index.less @@ -249,6 +249,20 @@ html #layuicss-laydate { padding: 10px; } +.layui-laydate-footer .laydate-footer-btns span { + border-radius: 0px; +} + +.layui-laydate-footer .laydate-footer-btns span:first-child { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.layui-laydate-footer .laydate-footer-btns span:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + .layui-laydate-footer span { display: inline-block; vertical-align: top; @@ -256,49 +270,34 @@ html #layuicss-laydate { line-height: 24px; padding: 0 10px; border: 1px solid #c9c9c9; + border-radius: 2px; background-color: #fff; font-size: 12px; cursor: pointer; white-space: nowrap; transition: all 0.3s; } - -.layui-laydate-footer span:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -.layui-laydate-footer span:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -.layui-laydate-footer span:not(:last-child) { - border-right: none; -} - .layui-laydate-footer span:hover { color: #5fb878; } - .layui-laydate-footer span.layui-laydate-preview { cursor: default; border-color: transparent !important; } - .layui-laydate-footer span.layui-laydate-preview:hover { color: #666; } - .layui-laydate-footer span:first-child.layui-laydate-preview { padding-left: 0; } - .laydate-footer-btns { position: absolute; right: 10px; top: 10px; } +.laydate-footer-btns span { + margin: 0 0 0 -1px; +} /* 年月列表 */ .layui-laydate-list {