У меня есть форма ввода, которая отображается поверх фоновых текстовых изображений. Я хочу, чтобы входные формы были невидимыми, поэтому пользователь может вставить ввод, но белая пустая форма не будет отображаться, а только фон. я попробовал "прозрачное" свойство, но оно охватывает как форму, так и фоновое текстовое изображение. вы можете видеть на изображениях здесь, как это сейчас и в другом изображении, как я хочу, чтобы это было. Благодарю. вот как у меня это сейчас: http://i.imgur.com/DsfcD8g.jpg, и вот как я этого хочу: http://i.imgur.com/gaZZzrr.jpg
Вы можете сделать элементы прозрачными:
form *{
border: none;
background-color: transparent;
}
Примечание: это применит его ко всем элементам внутри формы, вам нужно будет изменить свой селектор в соответствии с тем, что у вас есть/хотите
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;
}
Я просто попробовал решение Kenneth на IE5, 7, 8, 9, 10, 11, Chrome, Safari, FF и Opera. Все работало.
Какой браузер вы используете? Можете ли вы привести живой пример?