Соответствующий вопрос был задан семь лет назад, с последним (к сожалению, не полезным для меня) ответом в 2015 году: Не работает ли `min-width` для элементов формы` input [type = "button"] `?
Я надеюсь, что к настоящему времени есть лучший ответ.
У меня есть очень простой CSS:
button {
min-width: 80px;
}
Который завершаетсяигнорируется, по крайней мере, Chrome на MacOS (он работает в Firefox и Chrome в Windows).Если я проверю одну из этих кнопок, свойство min-width действительно установлено, но оно ничего не делает.
Некоторые приемы, упомянутые в старом потоке выше, работают, но они нежелательны.побочные эффекты.Например, явная настройка width, а также min-width дает эффект, но затем кнопки с длинным текстом оборачиваются словом, а не становятся шире.
Изменение цвета рамки работает (странно, что это что-то делает), но это портит округление границы и, вероятно, не будет одинаковым для всех браузеров.
Итак, теперь, когда прошло несколько лет, кто-нибудь знает какие-нибудь лучшие приемы, чтобы получить min-widthработать на кнопку в Chrome на macOS?