установить видимость кнопок

я создаю веб-приложение, в котором я хочу, чтобы использовать дату сборщикустановить видимость кнопок

<script src="js/bootstrap-datetimepicker.min.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 
<link rel="stylesheet" href="documents/css/reset.css"/> 
<link rel="stylesheet" href="css/BeatPicker.min.css"/> 
<link rel="stylesheet" href="documents/css/demos.css"/> 
<link rel="stylesheet" href="documents/css/prism.css"/> 
<script src="js/jquery-1.11.0.min.js"></script> 
<script src="js/BeatPicker.min.js"></script>

это сценарий и ссылку я скачал из Интернета

это мое поле ввода где я хочу использовать Datepicker

<body> 
    <input type="text" data-beatpicker="true"/> 
</body>

но есть по умолчанию кнопка с текстовым полем

я использовал CSS, чтобы удалить кнопку, сделав visibility:hidden;

<style> 
button, input[type="button"] { 
    background-color: #D36161; 
    border: medium none; 
    color: #FFFFFF; 
    cursor: pointer; 
    font: bold 14px arial,serif; 
    margin: 3px; 
    padding: 4px; 
    visibility: hidden; 
    width: 72px; 
} 
</style>

, но когда я пытаюсь добавить еще одну кнопку она также отключена из-за таблицы стилей, где я поставил visibility:hidden

это моя кнопка с идентификатором <button id="butt">close</button>

я отредактирован й таблицы стилей, как этот

<style> 
.butt{ 
visibility:visible; 
} 
</style>

, но до сих пор он не показал мне нужную кнопку

, как я могу это сделать? Я хочу отключить кнопку с текстовым полем, но видна другая кнопка

источник

2016-10-18 Anonymous

Префикс '' # при использовании ID селектора т.е. '# butt', закрывая, как TYPO – Satpal

не используют идентификатор, как приклад, как это наступление – Mahi

@Mahi хорошего человека :)) – madalinivascu

Вы используете библиотеку под названием "BeatPicker".

Прежде чем возиться с конгрессом css, вы должны прочитать документацию.

Чтобы удалить кнопку «Очистить», вам необходимо добавить следующий атрибут к дате ввода

данных beatpicker-модуль = «ясный»

Это удалит прозрачный кнопка

Дополнительные функции доступны здесь: http://act1gmr.github.io/BeatPicker/demos.html

источник

2016-10-18 08:16:38

Селектору класса предшествует ., а селектору ID предшествует #. Поэтому в вашем коде измените селектор на #butt, потому что это идентификатор вашей кнопки.

источник

2016-10-18 08:14:48

попробовать что-то вроде этого:

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
button.visible { 
 
    visibility: visible 
 
} 
 

 
button.hidden { 
 
    visibility: hidden 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<button class="visible">This is a visible button</button> 
 
<button class="hidden">This is an invisible button</button> 
 
<button>Notice that the invisible button still takes up space.</button > 
 

 
</body> 
 
</html>

источник

2016-10-18 08:16:14

Выполните следующие действия

изменение button, input[type="button"].beatpicker-clearButton к так что вы не имеете эту проблему больше или как Ади Darachi грустной оных clear атрибуту data-beatpicker-module удалить кнопку

источник

2016-10-18 08:17:11 madalinivascu

Используйте этот

<body> 
<input type="text" data-beatpicker="true" data-beatpicker-position="['*','*']" data-beatpicker-module="today,clear" /> 
</body>

источник

2016-10-18 08:20:56

Добавьте следующий CSS , Это скроет только кнопки очистки битпикера.

.beatpicker-clearButton { 
    display: none; 
}

источник

2016-10-18 08:27:34

установить видимость кнопок

ответ

Смежные вопросы