The following elements have an accessible “value” getter, but that value is not accessible as an attribute or as a selector:
- button (maybe I forget a few additional ones)
This makes it harder to style based on their content, unlike their cousins - the input element, which changes its value attribute when its value is set.
The idea would be to have somsething like a
.something:value$="123" selector, which would be similar to
input.something[value$="123"] but would act upon whatever the value getter represents rather than the particular expression of that in the DOM. In the case of input elements the two would behave in the same way.
This is a suggestion similar to Text-content() CSS value akin to attr() - #16 by tomhodgins But more focused on a particular set of elements (form “listed” elements).