1

Когда делаю клик по полю input(событие :focus), то оно становится где-то на 1-2px меньше. Какой стиль отвечает за это?

UPD:

              <div class="input-control text"  data-role="input">
                  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                  <button id="btnsearch" runat="server" class="button" onserverclick="btnsearch_Click1"><span class="mif-search"></span></button>
              </div>

P.S.: использую фреймворк metro ui css 3.0

4
  • напишите Ваш код
    – Alex
    Commented 20 окт. 2015 в 13:00
  • Тут важна сама суть, а не конкретный код. Как выключить вообще focus? Обнулить его. В этом суть вопроса. Commented 20 окт. 2015 в 13:04
  • 1
    его никак не обнулить... он есть и ничего с этим не сделаешь. Вам надо найти в CSS Вашего сайта где-то код, который изменяет поле на :focus. Developer tools любого браузера помогут. Если есть возможность, предоставьте ссылку...
    – cyadvert
    Commented 20 окт. 2015 в 13:06
  • нету возможности. А обнулить его как-то или что? Ну что бы визуально не было заметно, что он выделен. Даже если технически определенные процесы будут иметь место. Commented 20 окт. 2015 в 13:07

2 ответа 2

2

#TextBox1:focus{outline:none;}
<input type="text" id="TextBox1" name="test">

или для всех input:

input:focus{outline:none;}
<input type="text" name="test">

7
  • Перед тем как задать вопрос нагуглил этот способ. Он не работает. Commented 20 окт. 2015 в 13:03
  • 2
    он работает, м.б. для Вашего конкретного случая он не работает ввиду ряда причин.
    – Alex
    Commented 20 окт. 2015 в 13:06
  • <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> Commented 20 окт. 2015 в 13:08
  • у меня type='text' по-идеи нету Commented 20 окт. 2015 в 13:08
  • 1
    @DisguisePerceptron как раз таки для таких моментов и нужен Ваш код, чтобы не тратить время на предположения.
    – Alex
    Commented 20 окт. 2015 в 13:10
1

Итак, солюшн для тех, кто использует метро ксс фрэймворк лайк виундоз 8

Когда мы используем штатный input, то при :hover бордер становится темным. Если использовать темный фон, то бордер на нем сливается и выглядит как крайне косячный текст-шедоу. За счет всего вышеперечисленного создается визуальный эффект скукоживания инпута. Рекомендую кастомизировать штатные стили в файлике metro.css

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.