Как обратится к тексту без тегов?

Question

[AlXan]

Есть такой код формы (код генерируется, изменить его нельзя)

<form class="dgwt-wcas-search-form" role="search" action="" method="get">
	<div class="dgwt-wcas-sf-wrapp">
		<svg class="dgwt-wcas-ico-magnifier" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.539 51.361" xml:space="preserve">
		      <path d="M51....082z"></path>
		</svg>
				Поиск товара

		<input type="search" class="dgwt-wcas-search-input" name="s" value="" placeholder="Search for products..." autocomplete="off">
	</div>
</form>

Как в css можно что-от сделать с фразой "Поиск товара" что межу svg и input?

Например скрыть или переместить (задать margin).

Comments

[Lynn «Кофеман»]

К тексту в CSS нельзя обратиться (за исключением парочки псевдо-элементов)

Но можно повыкручиваться через задание свойств у соседних и родительских элементов

[Lynn «Кофеман»]

Evgenii,
Выставляет шрифт для элементов с классом block.

[Lynn «Кофеман»]

Evgenii, нет, нельзя

Так можно обратиться к элементу. То что некоторые свойства элемента влияют на текст не отменяет того что к тексту нельзя обратиться.

В частности ваш пример выставит в ноль не только размер шрифта у нужного текста, но и во всех вложенных элементах.

ЗЫ. Ну и покажите мне как вы тут margin тексту задаёте.

Да, конкретно в этом случае другого текста и нет, но это всё ещё проходит по разряду «можно повыкручиваться через задание свойств у соседних и родительских элементов»

[Сергей delphinpro]

Evgenii, Решите вот эту задачку, используя только css.

<div class="block">
  
  Этот текст нужно скрыть
  <br>
  А этот оставить

</div>

Answer 1

[Сергей delphinpro]

WARNING! Ниже приведен чистейший говнокод! Нужно устранять источник проблемы, а не последствия.

.dgwt-wcas-sf-wrapp { opacity: 0; font-size: 0; line-height: 0; }
.dgwt-wcas-ico-magnifier { opacity: 1; }
.dgwt-wcas-search-input { opacity: 1; font-size: 16px; line-height: 1; }

UPD

Нет. так не сработает...

Нужно не прозрачностью скрыть, а прозрачным цветом..

.dgwt-wcas-sf-wrapp { color: transparent; font-size: 0; line-height: 0; }
.dgwt-wcas-ico-magnifier { color: black; }
.dgwt-wcas-search-input { color: black; font-size: 16px; line-height: 1; }

UPD2
Хотя нафига манипулировать цветом, если font-size:0 и так сплющит текст до невидимого...

Comments

[AlXan]

Спасибо. Я понимаю что это костыль. Я показал только вершинку айсберга. Там проблема намного глубже и пока не решится нужно что-то придумать. Большую часть я уже закостылил, а с этим решил обратиться с сообществу - мож я чего не знаю. (В принципе я приблизительно так и думал, только не через прозрачность, а через display:none/visible)

[Сергей delphinpro]

AlXan, ну если по-быстрому закостылить на время, то сойдёт