How to Change Color in All Text box and Input Border Style from Koha.

Text box border style change from koha , for example the barcode field on the checkout, check-in , and etc..

1. Open a Terminal and apply following command. (Ctrl + Alt = T)

sudo su( Enter your Password)

sudo leafpad /usr/share/koha/intranet/htdocs/intranet-tmpl/prog/css/staff-global.css

2. Find the following coding. Find (Ctrl + F)

This lets us see that there is a CSS rule defining a default border style for koha.

input:focus, textarea:focus {

border-color: #538200;

border-radius: 4px;

border-style: solid;

}

Remove the default border style CSS code.

3. Copy and paste the following customized textbox style CSS code:

input:focus {

border-top: 5px solid #86B300;

border-bottom: 5px solid #CCFF33;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86B300), to(#CCFF33));

background-image: -webkit-linear-gradient(#86B300, #CCFF33);

background-image: -moz-linear-gradient(#86B300, #CCFF33),

-moz-linear-gradient(#86B300, #CCFF33);

background-image: -o-linear-gradient(#86B300, #CCFF33),

-o-linear-gradient(#86B300, #CCFF33);

background-image: linear-gradient(#86B300, #CCFF33),

linear-gradient(#86B300, #CCFF33);

-moz-background-size:5px 100%;

background-size:5px 100%;

background-position:0 0, 100% 0;

background-repeat:no-repeat;

border-width: 5px 0;

padding: 5px;

}