border у поля ввода - Вопросы по CSS - Форум русской поддержки Joomla!

Новости Joomla

Joomla по-русски — возвращение к истокам

Joomla по-русски — возвращение к истокам

С 1 марта 2026 года наш проект меняет название. Joomla Russia становится Joomla по-русски.

Это давно напрашивалось, со времён редизайна сайта, но тут подвернулся повод.

Поводом послужили новые требования российского законодательства об использовании русскоязычных наименований для отечественных проектов. Но мы воспринимаем это не как обязанность, а как хороший толчок сделать то, о чём думали и раньше.

Joomla по-русски — для всех, кто творит сайты на великом и могучем.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

Плагин пользовательского поля Joomla: выпадающий список PHP-лейаутов из указанных папок с учетом переопределений активного шаблона сайта.

👩‍💻 Extended Wishlist для JoomShopping 5+.

👩‍💻 Extended Wishlist для JoomShopping 5+.

Extended Wishlist — полностью переработанный список избранных товаров для JoomShopping 5+, значительно удобнее стандартного решения и расширяет его функциональность. Работает через AJAX, быстро и без перезагрузки страниц, обеспечивая современный UX.
- Мгновенная работа на AJAX
- Поддержка авторизованных и гостей
- Иконка добавления везде
- Добавление товаров без ограничений по атрибутам
- Wishlist прямо в корзине и при оформлении
- Собственные шаблоны и кастомизация
- Модуль количества избранного

Страница расширения

@joomlafeed

1 Вниз

0 Пользователей и 1 Гость просматривают эту тему.

17 Ответов
2958 Просмотров

Zixxx

Осваиваюсь на форуме
36
0 / 0

border у поля ввода

« : 22.11.2011, 19:00:28 »

Прикрутил в материал, форму обратной связи от ChronoContact, ссылка на прикрученную форму: http://www.modion.ru/index.php?option=com_content&view=article&id=4&Itemid=3

Напрямую поменять стиль у компоненты не получается, файлики CSS почему-то недоступны для редактирования. Поэтому стили дописываю в самой компоненте в Joomla, хорошо что это хоть реализовано. Поменял бордер у всех элементов, обращался по стилям, типа:

.cf_inputbox{border: 1px solid #000;}
.cf_inputbox.LV_invalid_field:active{border: 1px solid #000;}
.cf_inputbox.LV_invalid_field:hover{border: 1px solid #000;}

и все бы ничего, но вот поле ввода "chrono_verification" куда просится ввести проверочные символы не имеет стиля и border у меня не получается ему задать. Подскажите как сделать?

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #1 : 22.11.2011, 19:16:16 »

Покажите HTML код формы.

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #2 : 22.11.2011, 19:27:48 »

Цитата: pirks от 22.11.2011, 19:16:16

Покажите HTML код формы.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--/// Эта команда для того, чтобы убедиться, что к файлу index.php не обращаются напрямую -->

<html
xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
<!--/// Эта команда отвечает за извлечение языка, установленного в конфигурации Joomla! -->

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="Нижнее белье оптом, Нижнее белье ROZA, Нижнее белье РОЗА, Белье оптом, Трикотаж оптом" />
  <meta name="title" content="Контакты" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Нижнее белье оптом - ЕВРО Текстиль" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Контакты</title>
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <!--[if gte IE 6]><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1-ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
                <!--[if gte IE 7]><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1-ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
                <!--[if !IE]> <--><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css" rel="stylesheet" type="text/css" /><!--> <![endif]-->
                        <script type="text/javascript">
			var CF_LV_Type = 'default';			</script>
            <link rel="stylesheet" href="http://www.modion.ru/components/com_chronocontact/css/calendar2.css" type="text/css" />
            <link href="http://www.modion.ru/components/com_chronocontact/css/tooltip.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="http://www.modion.ru/components/com_chronocontact/js/calendar2.js"></script>
            <script src="http://www.modion.ru/components/com_chronocontact/js/livevalidation_standalone.js" type="text/javascript"></script>
            <link href="http://www.modion.ru/components/com_chronocontact/css/consolidated_common.css" rel="stylesheet" type="text/css" />
			<script src="http://www.modion.ru/components/com_chronocontact/js/customclasses.js" type="text/javascript"></script>
            <script type="text/javascript">
	Element.extend({
		getInputByName2 : function(nome) {
			el = this.getFormElements().filterByAttribute('name','=',nome)
			return (el)?(el.length)?el:el:false;
		}
	});
	window.addEvent('domready', function() {
																									});
</script>			
        			                        <script type="text/javascript">	
                window.addEvent('domready', function() {
                                });
            </script>
					<style type="text/css">
			span.cf_alert {
				background:#FFD5D5 url(http://www.modion.ru/components/com_chronocontact/css/images/alert.png) no-repeat scroll 10px 50%;
				border:1px solid #FFACAD;
				color:#CF3738;
				display:block;
				margin:15px 0pt;
				padding:8px 10px 8px 36px;
			}
		</style>	
		
				
                <script src="http://www.modion.ru/components/com_chronocontact/js/jsvalidation2.js" type="text/javascript"></script>
        	<script type='text/javascript'>
				var fieldsarray = new Array();
				var fieldsarray_count = 0;window.addEvent('domready', function() {
				elementExtend();setValidation("ChronoContact_formaos", 1, 0, 0);});</script>	
        	<script type="text/javascript">
	elementExtend();
	window.addEvent('domready', function() {	
		});
</script>		                 
			<style type="text/css">
			span.redorange{color:#FAA03C}

.chronoform{visibility:hidden}



.form_item{width:600px}

.cf_textbox{margin-top:4px; margin-bottom:4px}

.LV_invalid{color:#FAA03C}



.cf_inputbox{border: 1px solid #000;}

.cf_inputbox.LV_invalid_field:active{border: 1px solid #000;}

.cf_inputbox.LV_invalid_field:hover{border: 1px solid #000;}	
			</style>

<!--/// Эта команда включает в заголовок дополнительную информацию ( meta, script и т.д.) -->
<link rel="stylesheet" href="/templates/eurotextile/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/eurotextile/css/general.css" type="text/css" />
<!--/// Подключаются стандартные таблицы стилей -->
<link rel="stylesheet" href="/templates/eurotextile/css/template.css" type="text/css" />
<!--/// Подключается наша таблица стилей (?php echo $this->baseurl ? - возвращает адрес сайта; ?php echo $this->template ? - возвращает название шаблона ) -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ЕВРО Текстиль - Нижнее белье оптом</title>

</head>

<body>

<!--WRAPPER-->
<div id="wrapper">

	<!--HEADER-->
    <div id="header">
        <div id="back_logo">
    
        </div>
        <div id="logo">
            <a href="#"><img src="/templates/eurotextile/images/logo.png" width="367" height="71"></a>
        </div>
    
        <div id="tel">
            <a href="#"><img src="/templates/eurotextile/images/tel.png" width="238" height="23"></a>
            <a href="mailto:info@etextile.ru">info@etextile.ru</a>
        </div>
    </div>

	<!--NAVIGATION-->
    <div id="nav">
        <div id="menu">
        	<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><span class="mainlevel"> | </span><a href="/index.php?option=com_content&amp;view=frontpage&amp;Itemid=1" class="mainlevel" >О фирме</a><span class="mainlevel"> | </span><a href="/index.php?option=com_joomgallery&amp;view=gallery&amp;Itemid=5" class="mainlevel" >Коллекции</a><span class="mainlevel"> | </span><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=3" class="mainlevel" id="active_menu">Контакты</a><span class="mainlevel"> | </span></td></tr></table>
        </div>
    </div>

    <!--MIDDLE-->
    <div id="middle">
    
        <!--CONTAINER-->
        <div id="container">
            <div id="content">
                
<table class="contentpaneopen">



<tr>
<td valign="top">
<table style="width: 100%;" border="0">

<tbody>

<tr>

<td style="width: 400px;" valign="top">

<p>Отдел продаж нижнего белья оптом</p>

<p>г. Новосибирск<br />тел./факс: +7 (383) 375-01-41<br />email: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy66873 = 'sale' + '@';
 addy66873 = addy66873 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy66873 + suffix + '\'' + attribs + '>' );
 document.write( addy66873 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />ICQ: 480-360-632<br />Skype: sale_etextile</p>

<p>Отдел закупок</p>

<p>Для общения на Русском языке<br />тел.: +7 923-190-20-70 (Андрей)<br />e-mail: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy66952 = 'info' + '@';
 addy66952 = addy66952 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy66952 + suffix + '\'' + attribs + '>' );
 document.write( addy66952 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />Skype: etextile</p>

<p>Rozmowy w języku Polskim - (Общение на Польском)<br />тел.: +7 952-905-91-13 (Дарья)<br />e-mail: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy13759 = 'pl' + '@';
 addy13759 = addy13759 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy13759 + suffix + '\'' + attribs + '>' );
 document.write( addy13759 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />ICQ: 724-796<br />Skype: dariusia010890</p>

<p>Время работы:      Пн-Пт: 9:00 - 18:00    Сб-Вс: Выходной</p>

</td>

<td valign="top">			
			                        						        <form name="ChronoContact_formaos" id="ChronoContact_formaos" method="post" action="http://www.modion.ru/index.php?option=com_chronocontact&task=send&chronoformname=formaos&Itemid=3" >
		
				<div class="form_item">

  <div class="form_element cf_text"> <span class="cf_text">Форма обратной связи</span> </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Ваше имя: <span class="redorange">*</></label>

    <input class="cf_inputbox required" maxlength="150" size="30" title="!" id="text_4" name="name" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Телефон: <span class="redorange">*</></label>

    <input class="cf_inputbox required" maxlength="150" size="30" title="!" id="text_5" name="phone" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">email: <span class="redorange">*</></label>

    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="!" id="text_6" name="email" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Ваш город:</label>

    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_11" name="city" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_dropdown">

    <label class="cf_label" style="width: 150px;">С Вами связаться по:</label>

    <select class="cf_inputbox" id="select_8" size="1" title=""  name="vos">

    

      <option value="email">email</option>

<option value="телефону">телефону</option>



    </select>

    

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textarea">

    <label class="cf_label" style="width: 150px;">Текст сообщения:</label>

    <textarea class="cf_inputbox required" rows="3" id="text_12" title="!" cols="30" name="message"></textarea>

    

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_captcha">

    <label class="cf_label" style="width: 150px;">Введите код: <span class="redorange">*</></label>

    <span><input name="chrono_verification" style="vertical-align:top;" type="text" id="chrono_verification" value="" />
							&nbsp;&nbsp;<img src="http://www.modion.ru/components/com_chronocontact/chrono_verification.php?imtype=1" alt="" /></span> 

    

    </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_button">

    <input value="Отправить" name="button_14" type="submit" />

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_text"> <span class="cf_text"><span class="redorange">*</> - поля, обязательные для заполнения</span> </div>

  <div class="cfclear">&nbsp;</div>

</div>

		<input type="hidden" name="f837e9e62de7e09b7afa4292acc63740" value="1" />	
                	<input type="hidden" name="1cf1" value="1e0ac3e842a036e8bc048d412330f51d" />
                        	        </form>

<!-- don't remove the following 3 lines if you didn't buy a subscription --> 

<div class="chronoform">

<a href="http://www.chronoengine.com">Powered By ChronoForms - ChronoEngine.com</a>



</div>

<!-- don't remove the 3 lines above if you didn't buy a subscription -->	

		</td>

</tr>

</tbody>

</table>

</td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>

            </div>
        </div>
        
        <!--LEFT SIDE-->
        <div id="left_s">
            
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr ><td><a href="/index.php?option=com_joomgallery&amp;view=gallery&amp;Itemid=2" class="mainlevel" >Нижнее белье</a>

<div style="padding-left: 4px"><img src="/images/M_images/indent1.png" alt="" /><a href="/index.php?option=com_joomgallery&amp;view=category&amp;catid=1&amp;Itemid=4" class="sublevel" >ROZA</a></div>
</td></tr>
</table>
        </div>
        
    </div>

</div>
    
<!--FOOTER-->
<div id="footer">

	<div id="copyright">
		<span>Copyright &copy; 2007-2012 <a href="#">ЕВРО Текстиль</a></span>
	</div>
    
    <div id="stat">
        <!--LiveInternet counter--><script type="text/javascript"><!--
        document.write("<a href='http://www.liveinternet.ru/click' "+
        "target=_blank><img src='//counter.yadro.ru/hit?t25.6;r"+
        escape(document.referrer)+((typeof(screen)=="undefined")?"":
        ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
        screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
        ";"+Math.random()+
        "' alt='' title='LiveInternet: показано число посетителей за"+
        " сегодня' "+
        "border='0' width='88' height='15'><\/a>")
        //--></script><!--/LiveInternet-->
    </div>
    
</div>

</body>
</html>

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #3 : 22.11.2011, 19:41:45 »

попробуйте добавить в файл ( например template.css) следующий селектор:

Код


input#chrono_verification {

border-bottom:1px solid green;

}

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #4 : 22.11.2011, 20:03:52 »

Добавил, не помогает

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #5 : 22.11.2011, 20:37:54 »

а вот так

Код

input#chrono_verification {

border: 1px solid #000 !important;

}

Кстати на станице есть ошибки:

"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/system.css"
"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/general.css"

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #6 : 22.11.2011, 20:45:48 »

Цитата: pirks от 22.11.2011, 20:37:54

а вот так

Код
input#chrono_verification {

border: 1px solid #000 !important;

}
Кстати на станице есть ошибки:

"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/system.css"
"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/general.css"

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

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #7 : 22.11.2011, 20:53:43 »

есть еще один файл CSS

http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

где стоит попробовать вставить

input#chrono_verification {

border: 1px solid #000 !important;

}

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #8 : 22.11.2011, 21:11:00 »

Цитата: pirks от 22.11.2011, 20:53:43

есть еще один файл CSS

http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

где стоит попробовать вставить

input#chrono_verification {

border: 1px solid #000 !important;

}

В том то и проблема о которой я писал выше, я не могу поменять этот файл, почему-то при изменении его на хостинге выдает ошибку, права на файл 0644 поменять на 0777 тоже не дает. Я подумал что возможно компонента это как-то лочит его и поэтому начал прописывать CSS в самой компоненте там есть поле для этого.

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #9 : 22.11.2011, 21:20:47 »

Цитата: Zixxx от 22.11.2011, 21:11:00

В том то и проблема о которой я писал выше, я не могу поменять этот файл, почему-то при изменении его на хостинге выдает ошибку, права на файл 0644 поменять на 0777 тоже не дает. Я подумал что возможно компонента это как-то лочит его и поэтому начал прописывать CSS в самой компоненте там есть поле для этого.

если так дальше пойдет, эта компонента скоро и доступ к самому сайту от вас закроет ...

доступ к сайту по ftp есть?

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #10 : 22.11.2011, 21:24:54 »

Цитата: pirks от 22.11.2011, 21:20:47

если так дальше пойдет, эта компонента скоро и доступ к самому сайту от вас закроет ...
доступ к сайту по ftp есть?

Хожу через SSH

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #11 : 22.11.2011, 22:05:07 »

Цитата: Zixxx от 22.11.2011, 21:24:54

Хожу через SSH

Нда ... мне как то привычнее править сайт на локально установленном Apache ... и потом уже переносить на хостинг по ftp.
Если по теме, то все таки нужно достучаться до
http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

Записан

Taatshi

Гуру
5258
481 / 2
Верстаем и кодим. Обращайтесь ;)

Re: border у поля ввода

« Ответ #12 : 22.11.2011, 22:40:13 »

#chrono_verification input{

border: 1px solid #000;

}

Записан

ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ | ОТЗЫВЫ
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #13 : 22.11.2011, 23:01:32 »

Цитировать

Добавил, не помогает

Не видно на странице , чтобы были добавлены для этого элемента данные стили .

Цитировать

#chrono_verification input{

border: 1px solid #000;

}

Извините , а для какого элемента это правило должно сработать ?

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #14 : 22.11.2011, 23:10:06 »

Нам сейчас помогут гуру CSS!

Цитата: midav от 22.11.2011, 23:01:32

Извините , а для какого элемента это правило должно сработать ?

для input#chrono_verification

Код


<div class="form_item">

  <div class="form_element cf_captcha">

    <label class="cf_label" style="width: 150px;">Введите код: <span class="redorange">*</></label>

    <span><input name="chrono_verification" style="vertical-align:top;" type="text" id="chrono_verification" value="" />
							&nbsp;&nbsp;<img src="http://www.modion.ru/components/com_chronocontact/chrono_verification.php?imtype=1" alt="" /></span> 

    

    </div>

  <div class="cfclear">&nbsp;</div>

</div>

сама страница вот здесь:
http://www.modion.ru/index.php?option=com_content&view=article&id=4&Itemid=3

Записан

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #15 : 23.11.2011, 22:53:38 »

Цитировать

для input#chrono_verification

Значит и записано должно быть так :

Код

input#chrono_verification

или :

Код

#chrono_verification

А если записано так :

Код

#chrono_verification input

То правила сработают для элемента input , который расположен внутри элемента с идентификатором chrono_verification . И чтобы это понять не надо быть гуру CSS .

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #16 : 23.11.2011, 22:59:41 »

А если Вам нужно для input#chrono_verification , вот и пишите в стилях :

Код

input#chrono_verification{ тут ваши правила для этого элемента ...}

Можете написать эти стили в файле своего шаблона , это файл template.css . Сейчас у Вас не прописано для этого элемента ни одного правила стилевого оформления .

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #17 : 24.11.2011, 09:14:02 »

midav, это все уже предлагалось автору темы ...

Записан

1 Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

Похожие темы

Как поставить поля relation chilld в ряд (компонент cobalt )? Автор mrmagic	Ответов: 2 Просмотров: 2346	27.01.2019, 12:45:02 от mrmagic
[Решено] Прошу помощи - кособочит форму ввода Автор zndm	Ответов: 3 Просмотров: 1573	07.02.2017, 12:16:23 от zndm
Border-bottom при наведении Автор kik84	Ответов: 1 Просмотров: 2203	24.09.2016, 22:58:02 от AlekVolsk
Слетает border в меню Автор Begotten	Ответов: 6 Просмотров: 1438	16.03.2016, 17:07:15 от effrit
Border radius для кнопки Автор Влада	Ответов: 6 Просмотров: 1618	15.11.2015, 02:29:23 от Влада