Я пытаюсь привести элементы формы в соответствие визуальному стилю с другими элементами DOM, в том числе совместить кнопки и ввод текста, кнопки и элементы div как один визуальный элемент (например, кнопку формы, прикрепленную к некоторому элементу содержимого с таким же цвет фона).
Почему элементы формы не следуют тем же правилам, что и другие элементы DOM? у них, похоже, есть свое представление о том, как быть ростом в 10 пикселей от любого другого элемента DOM. Даже если я дам им все, что я могу придумать:
.mybutton, .mylink {
display: block;
float: left;
height: 10px;
width: 20px;
margin: 0;
padding: 0;
line-height: 10px;
border: none;
}
У меня есть эти два элемента рядом друг с другом, и я хочу, чтобы они соединялись и отображались как один визуальный элемент. Пожалуйста, не предлагайте помещать все это в div с правильным стилем - я хочу, чтобы у кнопки и ссылки был другой стиль "hover" друг от друга.
единственное решение, которое я могу найти, это просто сделать их обеими ссылками и использовать javascript для отправки формы с помощью события onClick. Это не работает для людей без JavaScript, и это отстой.
Спасибо за вашу помощь! Мне нужно превратить эти элементы формы в подчиненную форму DOM!
PS - Я также заметил этот эффект, когда пытался заставить кнопку и ввод текста выравнивать аналогичным образом. Может это просто кнопки вообще? Я пытался использовать <button> и <input type="button"> безрезультатно. Они оба f ** кед