Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как изменить дизайн кнопки "Прикрепить файлы" на странице обратной связи в DLE 12.0?

Как изменить дизайн кнопки "Прикрепить файлы" на странице обратной связи в DLE 12.0?


     18.12.2017    прикрепить файлы, обратная связь    Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    1777

вопрос
Пробовал прописывать класс для кнопки, а также заключать ее в div, получается "кнопка в кнопке", то есть старый дизайн остается и накладывается поверх нового.

Речь идет об этом:

Как изменить дизайн кнопки "Прикрепить файлы" на странице обратной связи в DLE 12.0?

Ответил: deadluk


<div class="btn uploadfile2"><label><input type="file" name="image" id="image"><span>Прикрепить бяку</span></label></div>

.uploadfile2 {
    position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    width: 100% !important;
    height: 32px;
    padding: 7px 0;
	color: #333;
    text-align: center;
    background: #ccc
}
.uploadfile2:hover {
    background: #000;
	color: #fff;
}
.uploadfile2 input[type='file'] {
    display: none
}
.uploadfile2 label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer
}
.uploadfile2 span {
    line-height: 36px !important;
}


как-то так. а воообще нужно было сделать так

1 комментарий

Dark5ider
Эксперт

Dark5ider - 18 декабря 2017 23:27 -

Я думаю вам стоит смотреть в сторону этого: http://jsfiddle.net/barney/uxPjN/

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх