Element: el-form-item label 不能改属性

Created on 13 Oct 2016  ·  12Comments  ·  Source: ElemeFE/element

ElementUI version

1.0.0-rc.6

OS/Browers version

Windows 10/Chrome 53

Vue version

2.0.1

Reproduction Link

Steps to reproduce

What is Expected?

应该可以用css选择label tag来更改属性。

What is actually happening?

用css 选择label,拿不到element。改用class name,也拿不到element,所以不能设置label的属性。

repro

Most helpful comment

应该是scoped问题,需要覆盖element的ui样式的地方就不要写scoped了

All 12 comments

看不太明白,“用css 选择label” 是什么意思?

我猜是Scoped CSS的问题?

vue 的 scoped 其实并不好用

应该是scoped问题,需要覆盖element的ui样式的地方就不要写scoped了

不好意思没表达清楚,css选择label就是 (我用的scss):
.el-form-item { label { color: white; } }

哦哦,就是说scoped styling 会导致不能覆盖elem的styling啊。我回去试试。

刚刚回来把scoped去掉就可以work了, 确实是这个问题。
是不是应该把这个加到文档里?

这不是element-ui的问题,这个是vue-loader的,你可以去看它的文档

恩恩,看到了,那就关这个issue了。

.el-form-item label { width: 90px !important} 可以使用优先级强制覆盖

应该是scoped问题,需要覆盖element的ui样式的地方就不要写scoped了

都去掉scoped就意味着只要别的地方写了同样的组件,那里面的样式就会把之前的覆盖掉。那有没有什么办法不覆盖前面的样式呢? @erguotou520

element支持自定义label覆盖原来的label,可以直接自己写label就好了

Was this page helpful?
0 / 5 - 0 ratings