> On May 30, 2016, at 3:02 AM, william drescher <will...@techservsys.com> wrote:
>
> On 5/29/2016 9:13 AM, Philippe Wittenbergh wrote:
>>
>>> On May 29, 2016, at 6:49 PM, william drescher <will...@techservsys.com>
>>> wrote:
>>>
>>> That works nicely except the radio buttons stay small.
>>
>> Try setting width and height on those:
>>
>> [type=checkbox], [type=radio] { width: 1rem; height: 1rem; }
>>
>> Or something like that - adjust to taste and needs, etc.
>> Bare in mind that the look of those things is actually an image.
>>
> Interesting. Doing that changes the spacing, as if they were larger, but the
> radio button stays the same size.
Interesting. Firefox on OS X scales the image along the size, Safari (OS X,
iOS) scale to a certain size, but not more. I never really use this kind of
things, as scaling those form controls is an exercise in futility.
For Firefox, you can add `-moz-appearance: none;`. This will remove the
platform look and revert the widgets to some good old GFX thing from the year
1995 or so. It should scale though. For your Android browser (Chrome I guess?),
no clue unfortunately. Perhaps add an outline to make it more visible?
[type=checkbox], [type=radio] {
width: 1rem;
height: 1rem;
-moz-appearance: none;
outline: 2px dotted red; /* or anything to taste that might help */
}
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
