---
slug: "ios-で見た時にフォームインプットにズームさせない-bootstrap-less版"
title: "iOS で見た時にフォームインプットにズームさせない Bootstrap + LESS版"
description: "CSSコードの紹介"
url: "https://www.ytyng.com/blog/ios-で見た時にフォームインプットにズームさせない-bootstrap-less版"
publish_date: "2017-02-26T10:26:49Z"
created: "2017-02-26T10:26:49Z"
updated: "2026-02-27T12:23:51.164Z"
categories: ["Bootstrap", "less"]
keywords: ""
featured_image_url: "https://media.ytyng.com/resize/20230812/bf0b6384bca84b4db1369feb7e7b7b30.png.webp?width=768"
has_video: false
has_music: false
video_urls: []
music_urls: []
lang: "ja"
---
# iOS で見た時にフォームインプットにズームさせない Bootstrap + LESS版
.form-control {
textarea&,
input[type="color"] &,
input[type="date"] &,
input[type="datetime"] &,
input[type="datetime-local"] &,
input[type="email"] &,
input[type="month"] &,
input[type="number"] &,
input[type="password"] &,
input[type="search"] &,
input[type="tel"] &,
input[type="text"] &,
input[type="time"] &,
input[type="url"] &,
input[type="week"] &,
select:focus & {
font-size: 16px;
}
}
参考: html - Disable Auto Zoom in Input "Text" tag - Safari on iPhone - Stack Overflow