search

zouyaoji / vue-cesium

🎉 Vue 3.x components for CesiumJS.
https://zouyaoji.top/vue-cesium
MIT License
1.53k stars 325 forks source link

style: 修改样式以解决与部分UI组件的冲突 #292

Closed kkwwang closed 2 years ago

kkwwang commented 2 years ago

disabled

zouyaoji commented 2 years ago

@kkwwang 你好，能给一个冲突的例子吗？

kkwwang commented 2 years ago

@zouyaoji 问题是由于avue导致的，但是vc中对于[disabled]的样式设置也过大。

    <div class="el-form-item__content">
        <div disabled="true" content="请输入 姓名">
            <div>
                <div class="el-input el-input--default el-input--suffix avue-input">
                    <div class="el-input__wrapper">
                        <input class="el-input__inner" boxtype="add" dicflag="false" column-slot="" type="text" autocomplete="off" tabindex="0" placeholder="请输入 姓名" id="el-id-6629-18" />
                    </div>
                </div>
            </div>
        </div>
    </div>

以上代码为渲染后的html部分，可见该框架在div增加了disabled="true"属性

kkwwang commented 2 years ago

元素选择器参考https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled