удалить границу окна ввода с помощью CSS?

У меня есть текстовое поле ввода, которое я удалил его границы и изменил его фон с помощью CSS.удалить границу окна ввода с помощью CSS?

Это прекрасно работает в Firefox, но проблема в том, что у меня есть в Google Chrome!

Хорошо ----> Вот как это должно быть, и в Firefox:

http://tinypic.com/view.php?pic=n2g0g0&s=5

Bad -----> Вот как это показывается в Google Chrome с белой каймой вокруг поля ввода:

http://tinypic.com/view.php?pic=uc1me&s=5

Это мой CSS КОД:

#myInput{ 

color:#FFF; 
font-family:Tahoma, Geneva, sans-serif; 
text-align:center; 
font-size:16px; 
background-color:#1abc9c; 
outline:none; 
border:none; 
border-style: none; 
font-weight:bold; 
}

хотя CSS выше - встроенный CSS.

Вопрос в том, как я могу удалить эту белую границу вокруг поля ввода, чтобы она выглядела как в Firefox?

Благодаря

редактировать:

Вот код для входа внутри тегов DIV. Это именно то, что у меня есть на странице HTML:

<div id="yourCurrentTime"><FORM NAME="wcForm" > 
    <input style=" color:#FFF; font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:16px; background-color:#1abc9c; outline:none; border:none; border-style: none; font-weight:bold -webkit-appearance:none; -moz-appearance:none; appearance:none;" name="mClock" class="mClock" id="mClock" size="30" /> 
</FORM></div>

источник

2013-08-13 Simon Presto

Что такое HTML точно? Это просто «вход»? Вы завершаете 'input' в' div'? – Dom

Я не могу воспроизвести это на основе кода, который вы предоставили. Пожалуйста, дайте полный пример. – j08691

Это связано с тем, что текстовое поле имеет фокус? Если это так, посмотрите http://stackoverflow.com/questions/3397113/how-to-remove-border-outline-around-text-input-boxes-chrome – Mike

Вы должны сбросить стили по умолчанию с

#myInput{ 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none; 
}

источник

2013-08-13 15:25:59 koningdavid

Могу ли я использовать ваш CSS-код как встроенный CSS? –

@SimonPresto Да, любой код css можно использовать inline – koningdavid

Тогда ваш код не работал. –

<style> 
     input{ 
      border: 0px solid 
     } 
    </style

источник

2016-08-21 17:15:57

Можете ли вы добавить комментарий, чтобы объяснить, почему это должно работать? – JazZ

–

удалить границу окна ввода с помощью CSS?

ответ

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