На iphone появляется лишний border

207
17 января 2019, 05:40

Проверял отображение на мобильных и заметил что появляется лишний border в формах. Я прикрепил пример для input прописан только нижний border, но на мобильных оно подставляет ещё на скрине видно. Подскажите как исправить прикреплю ещё код css 

input 
		background-color: transparent 
		border: none 
		outline: none 
		border-bottom: 1px solid #fff 
		transition: all 0.3s ease-in-out 
		padding-left: 30px 
		padding-bottom: 10px 
		padding-right: 30px 
		margin-bottom: 25px 
		color: #fff 
		&::-webkit-input-placeholder 
			color: #fff 
		&::-moz-placeholder    
			color: #fff        
		&:-moz-placeholder  
			color: #fff         
		&:-ms-input-placeholder  
			color: #fff 
		&:focus, &:hover 
			border-bottom: 1px solid $accent

Answer 1

Как вариант, попробуйте вместо border:none; прописать border:1px solid transparent;

READ ALSO
Как удалить зацикливание при создании HTML5-video, чтобы использование рабочей памяти не увеличивалось?
javascript

Как удалить зацикливание при создании HTML5-video, чтобы использование рабочей памяти не увеличивалось?

Мне нужно, чтобы между воспроизведением несколько идущих друг за другом видео не было прерываний и поэтому я с помощью свойства preload = 'auto'...

 143
Actions и JavaScript в Фотошопе
javascript

Actions и JavaScript в Фотошопе

В фотошоп есть такая очень удобная штука, как Batch, где с ее помощью, можно картинки из одной папки, обработать с помощью Action и сразу сохранить...

 265
Проблема с require
javascript

Проблема с require

Имеется у меня 2 файла: BinaryTreejs и index

 147
Передать в Google Api кастомные параметры
javascript

Передать в Google Api кастомные параметры

Как реализовать функцию, которая будет принимать в аргументе Email, subject, text, и передавать их в сообщение, которое отправляется через GMail Api? На javascript...

 190