Входной тег не подбирает ширину ниже 20px

Мне нужно установить ширину входного тега кнопки типа до 16 пикселей, но она не принимает ширину ниже 20 пикселей и не уменьшает размер.Входной тег не подбирает ширину ниже 20px

Я хочу иметь кнопку с зеленой галочкой изображения на нем и его размер должен быть ниже 20px, но я не могу сделать это с помощью ввода тегов. если я просто возьму img вместо входного тега, тогда он не будет иметь такие же эффекты нажатия, как у кнопки.

Любая помощь будет оценена по достоинству.

источник

2016-09-07 user2091061

скопировать ваш пример кода сниппета, так что его легко решить –

вы можете использовать img и добавьте onclick к изображению для достижения желаемых эффектов. – holtc

Он подчиняется размерам ниже 20px. Вы должны переопределить врожденные проклейки на кнопках Доказательства:

Четкое знание того, что это по умолчанию для кнопки требуется (игнорировать сокровенную коробку)

.tick { 
 
    height:10px; 
 
    width:10px; 
 
} 
 
.tick-20px { 
 
    height:20px; 
 
    width:20px 
 
} 
 
.btn-10px { 
 
    padding: 0; 
 
    width: 10px; 
 
    height: 10px; 
 
}

<button class="btn-10px"></button> 
 
<button><img class="tick" src="http://www.freeiconspng.com/uploads/accept-tick-icon-12.png"></button> 
 
<button><img class="tick-20px" src="http://www.freeiconspng.com/uploads/accept-tick-icon-12.png"></button>

источник

2016-09-07 13:24:50

На самом деле проблема в том, что размер кнопки не будет ниже 20 пикселей. Это не займет значение. Существует ли минимальная ширина, определенная для кнопки или тега ввода? Мне нужен размер кнопки, аналогичный показанному в моем размещенном изображении ... – user2091061

Я использовал тот же путь, но не смог достичь желаемых результатов ... – user2091061

Здесь, в вашем примере, он уменьшил размер изображения, но размер кнопки не уменьшен до 10px – user2091061

попробуйте использовать размер изображения, что вы хотите для вашего размера кнопки

<input type="button" style="width:16px; height:16px; background-repeat:no-repeat; background-image:url(Styles/Images/imgres.png)"/>

вот мой размер такой же, как размер кнопки 16px * 16px

источник

2016-09-07 13:47:27

сделать его фрагментом, поэтому он доступен для просмотра пользователи –

Входной тег не подбирает ширину ниже 20px

ответ

Смежные вопросы