在使用模板方式创建vue2项目时，使用elementui 组件样式有.....

zheng

我在使用o2-cmpt 创建系统组件时，elementui 的按钮、选择器等会出现样式问题，当我在页面调试中发现是x_desktop/style.css中的[color=var(--color-text-disabled)].layout_main *[color=var(--color-text-primary)] {

•     [color=var(--webkit-css-property-color, rgb(200 0 0))]box-sizing: content-box!important;
  

[color=var(--color-text-primary)]}
[backcolor=var(--override-icon-mask-background-color)]





[color=var(--color-text-disabled)].appContent *[color=var(--color-text-primary)] {

•     [color=var(--webkit-css-property-color, rgb(200 0 0))]box-sizing: content-box!important;
  

[color=var(--color-text-primary)]}
[color=var(--color-text-primary)]这两个的问题，当我去掉前面的对钩，elementui组件正常了，我在创建的vue2的项目里把index.html的
[color=var(--color-text-primary)]<link rel="stylesheet" type="text/css" href="../x_desktop/css/style.css" charset="UTF-8" />
<link rel="stylesheet" href="../x_desktop/css/mBoxNotice.css" charset="UTF-8" />
<link rel="stylesheet" href="../x_desktop/css/mBoxTooltip.css" charset="UTF-8" />
[color=var(--color-text-primary)]注释了这三条，还是有那俩个的样式，请问这怎么解决

Tommy

O2OA使用content-box方式设置元素的大小，ElementUI和一些其他UI框架喜欢使用border-box，可以减少边框对大小的影响。
所以：给你的包含Element组件的DOM元素（或者直接添加到vue根组件）添加一个样式： box-sizing: border-box!important  应该就可以了。

zheng

Tommy 发表于 2022-2-8 15:00
O2OA使用content-box方式设置元素的大小，ElementUI和一些其他UI框架喜欢使用border-box，可以减少边框对大 ...

感谢！解决了

论坛管理员