Css 如何将jss中的输入[type=checkbox]作为目标

我一辈子也弄不明白。我尝试过无数的事情。我想删除ios复选框样式（看起来很奇怪的阴影样式）

我在网上找到了无数其他的东西，但似乎没有什么能改变它。我已经尝试过挖掘jss示例，但似乎没有人尝试更改这些特殊的输入字段（例如type=text）

我也尝试过使用在线css->jss转换器，在工作css中键入，转换器给了我一种样式：

input\u type\u checked

，似乎也没有正确地针对任何对象

以下是我的复选框示例：

<label>
    <input className={classes.checkbox} type="checkbox" checked={check} onChange={() => setCheck(!check)}/>
    <p>A checkbox.</p>
</label>

setCheck（！check）}/>
复选框

你是说像这样吗

//选择第一个输入类型=文本
const元素=document.querySelector（“输入[type='checkbox']”）；

并允许您在JavaScript中使用CSS选择器。
根据具体情况，我可以采用两种方法：

在应用程序中使用for all
选中的
输入

const useStyles=createUseStyles({
//注意：全局样式只起作用
//当包含的组件处于
//组件树。我建议
//将根组件用于全局
//在大多数情况下，都是样式。
“@global”：{
'输入：已选中'：{
/*风格就在这里*/
}
}
});
常量应用=（）=>{
//全局样式不需要具有
//指定给组件的类名。
const classes=useStyles（）；
返回(
我的应用程序与全球风格！
)
};

或

使用用于基于类的方法的

const useStyles=createUseStyles({
检查：{
“&：选中”：{
/*风格就在这里*/
}
}
});
常量MyComponent=（）=>{
const classes=useStyles（）；
返回(
我的组件具有基于类的样式！
)
}

注：示例是使用React JSS，将材料UI替换为
createUseStyles
，替换为
makeStyles
 您的意思是，对于checkbox的每个实例，而不仅仅是一个特定的组件？您是否正在寻找这样的选择器？
input[type=“checkbox”]{/*您的样式在这里*/}
specific或any，我知道这是两个不同的东西，但我不能针对其中任何一个。@lastr2d2是的，但对于jss。您可以使用，在React中，我建议在根组件上使用全局样式（通常是
App
）。对于要添加到组件的特定类，它应该类似于
{myClass:{'&[type=“checkbox”]：{/*style here*/}}
（这需要
<label>
    <input className={classes.checkbox} type="checkbox" checked={check} onChange={() => setCheck(!check)}/>
    <p>A checkbox.</p>
</label>