If you change input value programaticaly you run into problem that label is freezes. To fix it run refresh()
method on the input:
$('#input1').val('new value').refresh();
You can customize controls using overriding the following LESS variables:
@label-color: #555;
@label-font: 'Helvetica Neue';
@input-font: 'Helvetica Neue';
@placeholder-font: normal 300 100% 'Helvetica Neue';
@placeholder-color: #999;
@help-color: #999;
@error-color: #a94442;
@input-border: #ccc;
@input-bg: #fff;
@input-color: #555;
@input-focus-color: #66afe9;
@checkbox-color: #666;
@checkbox-checked-color: #5cb85c;
@checkbox-border-width: 2px;
@checkbox-mark-width: 2px;
@radio-color: #666;
@radio-border-width: 2px;
@radio-checked-color: #5bc0de;
You can get package via Bower: bower install inputs --save-dev
Inputs doesn't rely on some specific CSS framework so you can easily use it in any CSS framework as you like. For example:
Add .inputs
class to form and enjoy:
<form class='inputs' role='form'>
<div class='form-group'>
...
Coded by Nick Zhebrun. AnjLab, 2014.