<input type="checkbox" aria-hidden="false" class="el-checkbox__original" value="">用css将aria-hidden设置为true
时间: 2023-12-05 14:41:26 浏览: 165
使用<input>实现checkbox
根据提供的引用内容,我们可以看到`<input>`标签的`aria-hidden`属性是由Vue框架的`disabled`属性控制的。因此,我们需要通过Vue框架来修改`disabled`属性的值,从而改变`aria-hidden`属性的值。
以下是一个示例代码,将`aria-hidden`属性设置为`true`:
```html
<template>
<div>
<input type="checkbox" class="el-checkbox__original" :disabled="true" :aria-hidden="!isHidden">
</div>
</template>
<script>
export default {
data() {
return {
isHidden: true
}
}
}
</script>
<style>
.el-checkbox__original[aria-hidden="false"] {
display: none;
}
</style>
```
在上面的代码中,我们使用了Vue框架来控制`disabled`属性的值,当`isHidden`为`true`时,`aria-hidden`属性的值为`true`,反之为`false`。同时,我们使用CSS来隐藏`aria-hidden`属性值为`false`的元素。
阅读全文