Форумы портала PHP.SU :: Версия для печати :: Как убрать рамку в форме для ввода

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Как убрать рамку в форме для ввода

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как убрать рамку в форме для ввода

Страниц (1): [1]

1. kent2177 - 17 Апреля, 2009 - 12:26:22 - перейти к сообщению

Имеется форма для ввода, можно ли сделать контур поля ввода невидимым ?

2. Roler - 17 Апреля, 2009 - 13:57:34 - перейти к сообщению

CODE (text):
скопировать код в буфер обмена

<input type=edit style='border: 0px;'> 

не пробовали?

Вы бы хоть основы подучили.

3. Hunter - 17 Января, 2010 - 04:50:30 - перейти к сообщению

Roler основы не есть нюансы Подмигивание

чем собственно и тличается знаток от профи - профи знает о мелочах, рождающих совершенство))))
я вот тоже ни где не встречал описание того как сделать границы поля невидимыми, хотя справочников немало прочитал..

4. PeaceDuke - 29 Января, 2010 - 17:38:57 - перейти к сообщению

Roler пишет:

CODE (text):
скопировать код в буфер обмена

<input type=edit style='border: 0px;'> 

или же в css

input {
border: 0px;
}

5. Ins1ne - 29 Января, 2010 - 18:12:58 - перейти к сообщению

PeaceDuke пишет:

или же в css

input {
border: 0px;
}

а вот так делать не стоит Улыбка

вы всем инпутам переопределяете бордер

6. Viper - 30 Января, 2010 - 07:45:51 - перейти к сообщению

border: none; вернее будет

7. Hunter - 07 Февраля, 2010 - 15:52:48 - перейти к сообщению

PeaceDuke пишет:

или же в css

input {
border: 0px;
}

Ins1ne пишет:

а вот так делать не стоит
вы всем инпутам переопределяете бордер

назовите стиль как нибудь по другому если смущает, например .myinput и применяйте только к тем инпутам к которым хотите <input class="myinput" ... >, хотя у меня все прекрасно работает и в случае с ".input", а css лучше не оформляйте в самом документе, пишите в стороннем файле *.css, хотя это личное мнение...
(Добавление)
kent2177
так же посмотрите тут, думаю интересно будет:
http://forum.php.su/topic.php?fo...m=41&topic=8

8. JustUserR - 08 Февраля, 2010 - 00:24:56 - перейти к сообщению

kent2177 Уж тогда если нужно чтобы border был невидимый в input-е в определенной форме то можно сделать так form.form_class input {border:0px solid green} при этом все три основные параметра предоставлены для общей совместимости - таким образом во всех формах типа class="form_class" получите input-ы с невидимым border-ом Улыбка

9. DeepVarvar - 24 Марта, 2010 - 05:16:51 - перейти к сообщению

JustUserR пишет:

...при этом все три основные параметра предоставлены для общей совместимости...

ага.....
вот самое верное:

CODE (htmlphp):
скопировать код в буфер обмена

input {border:solid 1px transparent;}

10. JustUserR - 24 Марта, 2010 - 09:36:49 - перейти к сообщению

DeepVarvar пишет:

Вот самое верное

Не уверен что все браузеры одинаково и правильно поддерживают transparent для рамок элементов
Как самое крайнее решение можно обрамить в div с указанием style="position:relative; overflow:hidden; display:block; width:Apx; height:Bpx" и шириной и высотой чтобы закрывали все недостатки

11. ADIOS - 12 Марта, 2013 - 18:18:09 - перейти к сообщению

CODE (htmlphp):
скопировать код в буфер обмена

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="text"]::-moz-focus-inner, textarea::-moz-focus-inner {
 border : 0px;
}
 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, textarea:focus {
        outline : none;
}