Tag Archives: webkit

Disable or customise the tap highlight colour on mobile safari.

By deanoj | Published: October 7, 2011

When you tap a link, button, or other active element with mobile safari, a brief dark grey highlight appears indicating the element was tapped. The colour of the highlight can be customised, or disabled with the following CSS rule. -webkit-tap-highlight-color: rgba(0,0,0,0); // disable

Posted in Mobile Web | Also tagged , , | Leave a comment

Custom checkbox and select element styling in webkit browsers.

By deanoj | Published: September 7, 2011

You can fully customise the style of checkboxes, radio buttons, select elements etc.. in webkit browsers. An example of a custom checkbox is show below. The key CSS rule is -webkit-appearance: none;. This then allows you style the element as a normal block element. Been webkit only, its safari and chrome browsers only at the [...]

Posted in Web Development | Also tagged , | Leave a comment