/**
 * 浏览器兼容性修复 - 纯CSS版本
 * 放在public目录下，通过HTML直接加载
 */

/* Element Plus分页组件兼容性修复 - 覆盖Element Plus原生样式 */
.el-pagination .el-input__inner,
.el-pagination__editor .el-input__inner,
.el-pagination .el-input .el-input__inner,
div.el-pagination .el-input__inner,
.el-pagination .el-pagination__editor .el-input__inner {
  -moz-appearance: none !important; /* 明确禁用-moz-appearance */
  -webkit-appearance: textfield !important;
  appearance: textfield !important;
}

/* 全局数字输入框修复 */
input[type="number"] {
  -webkit-appearance: textfield !important;
  appearance: textfield !important;
}

/* 移除数字输入框的箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
  display: none;
}

/* Element Plus组件全局修复 */
.el-input__inner,
.el-textarea__inner,
.el-input-number__input .el-input__inner {
  -webkit-appearance: textfield !important;
  appearance: textfield !important;
}

.el-input__inner::-webkit-outer-spin-button,
.el-input__inner::-webkit-inner-spin-button,
.el-textarea__inner::-webkit-outer-spin-button,
.el-textarea__inner::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
  display: none;
}

/* 表单元素标准化 */
button {
  -webkit-appearance: button !important;
  appearance: button !important;
}

select {
  -webkit-appearance: menulist !important;
  appearance: menulist !important;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  appearance: checkbox !important;
}

input[type="radio"] {
  -webkit-appearance: radio !important;
  appearance: radio !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"] {
  -webkit-appearance: textfield !important;
  appearance: textfield !important;
}

/* 针对Webkit的特殊处理 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .el-pagination .el-input__inner {
    -webkit-appearance: textfield !important;
    appearance: textfield !important;
  }
}

/* 针对Firefox的特殊处理 */
@-moz-document url-prefix() {
  .el-pagination .el-input__inner {
    appearance: textfield !important;
  }
}