CSS Useful Tips

🗽 Tips for iOS Safari

Prevent zooming the screen when focusing on input tag

On iOS, there is a specification that if the font size specified for the input element falls below “16 px”, it will be zoomed in focus.


<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">


input[type=text] {
font-size: 16px;
transform: scale(0.8);

Remove highlight

Webkit has a specific style property for that -webkit-tap-highlight-color.

.my-button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

🚕 References

🖥 Recommended VPS Service

VULTR provides high performance cloud compute environment for you. Vultr has 15 data-centers strategically placed around the globe, you can use a VPS with 512 MB memory for just $ 2.5 / month ($ 0.004 / hour). In addition, Vultr is up to 4 times faster than the competition, so please check it => Check Benchmark Results!!