处理多选框手机上不显示边框问题

acupuncture-前台/src/views/screening/h5.vue

@@ -88,6 +88,10 @@ export default {
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+>>> .el-checkbox__input {
+  width: 14px;
+  height: 14px;
+}
 >>> .el-checkbox {
   background: #fff;
   border: none;
@@ -96,6 +100,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
+  border: 1px solid #dcdfe6;
 }
 .btn-dl {
   margin-top: 8px;
@@ -219,7 +224,6 @@ export default {
   background: #c6a268;
   width: 100%;
   font-size: 16px;
-  margin: 14px 0;
 }
 .card {
   padding: 16px;