对于复选框，可以根据动态值设置样式，如：
input[type="checkbox"] { ... }
input[type="checkbox"]:checked { ... }
我也可以使用:before / :after来使动态值影响页面上的其他内容。
所以我尝试对文本输入执行相同的操作，但这会根据初始值属性选择，而不是基于动态值：
input[type="text"][value="X"] { ... }
还有选项样式，但它仅适用于选择下拉菜单打开时的显示（仅限Chrome，而不是Firefox）：
option:selected { ... }
那么有没有办法根据文本设置文档样式或使用纯CSS选择动态值？
我知道有相当简单的JavaScript解决方案。