Сделать форму ввода невидимой

0

У меня есть форма ввода, которая отображается поверх фоновых текстовых изображений. Я хочу, чтобы входные формы были невидимыми, поэтому пользователь может вставить ввод, но белая пустая форма не будет отображаться, а только фон. я попробовал "прозрачное" свойство, но оно охватывает как форму, так и фоновое текстовое изображение. вы можете видеть на изображениях здесь, как это сейчас и в другом изображении, как я хочу, чтобы это было. Благодарю. вот как у меня это сейчас: http://i.imgur.com/DsfcD8g.jpg, и вот как я этого хочу: http://i.imgur.com/gaZZzrr.jpg

Теги:
forms
input

3 ответа

3

Вы можете сделать элементы прозрачными:

form *{
    border: none;
    background-color: transparent;
}

Примечание: это применит его ко всем элементам внутри формы, вам нужно будет изменить свой селектор в соответствии с тем, что у вас есть/хотите

  • 0
    да, это то, что я сделал там в 1-й форме на загруженном изображении, которое сделало форму и изображение прозрачным.
  • 0
    Тогда в чем проблема?
Показать ещё 4 комментария
0
input[type=text],
textarea {
    background: transparent;
    border: none;
}

/* This if you don't want an outline on focus - bad for accessibility */
input[type=text]:focus,
textarea:focus {
    outline: none;
}
0

Я просто попробовал решение Kenneth на IE5, 7, 8, 9, 10, 11, Chrome, Safari, FF и Opera. Все работало.

Какой браузер вы используете? Можете ли вы привести живой пример?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню