Как перекрасить фон тега < br >?

Question

[Алексей Смирнов]

Привет.
Есть, к примеру, такая страница:
i4.ru/graduates.html
На ней, если выделить весть текст страницы, будет видно, что фон у текста серый. А также присутствуют 3 синих полосы, которые образуются из-за тегов < br >.

Как сделать так, чтобы этих 3 (трёх) синих полос не возникало?
Т.е. получается перекрасить фон всех тегов < br > - а как это сделать, не знаю.

P.S. Фон текста при выделении был изменён вот так:

::selection {
    background: #ebebeb; 
}
::-moz-selection {
    background: #ebebeb; 
}

P.P.S. Хотя я не один такой, похоже, кто искал ответ на подобный вопрос:
stackoverflow.com/questions/10578073/changing-the-...
stackoverflow.com/questions/8299342/css-how-to-mak...

Answer 1

[Юрий Лобанов]

Во-первых - зачем? В-вторых, в мозилле синего фона при выделении нет. По Вашему как - на сайте это обычное состояние - выделение текста? Если пользователь постоянно будет копировать текст с сайта - то лучше с помощью js сделать это за него, сделать кнопочку "Скопировать текст" и все в таком роде. А так - лично меня больше беспокоит, когда я выделяю текст и не вижу, что он выделяется, а не три синие полосы.

Comments

[Алексей Смирнов]

@iiil Цвет можно подкорректировать на более заметный.
Я предполагаю что пользователям вообще не нужно будет копировать текст с сайта.

[Алексей Смирнов]

@iiil Хотел бы спросить. Нормально ли будет использовать везде теги < hr > заместо < br > ?
С точки зрения семантики и корректной работы сайта.

[Юрий Лобанов]

@ERAFY тогда зачем вообще все это затеяли?

[Алексей Смирнов]

@iiil Иногда возникают ситуации в которых случайно выделяется текст (по крайней мере у меня). А синий цвет не очень подходит, как я думаю, под "дизайн" моего сайта. Поэтому со временем хотел бы подобрать другой цвет, более подходящий под "дизайн".

[Юрий Лобанов]

@ERAFY Если Вас так сильно беспокоит - то используйте, ничего страшного в этом нет. Но строго говоря Вы и br не должны были использовать. Зачем? Напишите

ul.list_bullet {
    margin-bottom: 100px;
    ...
}

и все.

[Юрий Лобанов]

@ERAFY не беспокойтесь за это. Выделение текста и синий фон - не ошибка. На мой скромный взгляд нужно это только там, где выделение в порядке вещей. Какой-нибудь гугл-транслейт, например.

[Алексей Смирнов]

@iiil Да теги < br > действительно на этой странице можно заменить margin-bottom.
Только замена < br > должна тогда произойти на всем сайте. А чтобы заменить < br > на margin'ы на всем сайте, то мне много придется переделать.
Поэтому все же предпочту замену < br > на < hr > - так проще.

Answer 2

[Алексей Смирнов]

Использовать < hr/ > заместо < br / > и для < hr > установить opacity 0. Как здесь:
jsfiddle.net/GQXZx

А еще можно заменить < br > на теги < span >< /span >