Tagged Questions

0
votes
0answers
8 views

Checkbox outline is larger than checkox in FF on Mac and Safari on IPad

My checkbox outline is appearing larger in both width and height on both FF for Mac, and Safari on iPad. It seems to be just fine on everything else. Here is the jsfiddle: ...
0
votes
1answer
15 views

Applying border to a checkbox in Chrome

I have a lot of forms on my website with, of course, many of the fields in them being required. If required field is left empty, it is assigned an 'error' class and I'm trying to circle the field in ...
-1
votes
2answers
37 views

Giving focus on checkbox

I need to know how can I focus the "box" inside the checkbox element when the user hovers the mouse over this element. The only way I can focus the box is hovering my mouse over the box itself, but ...
0
votes
2answers
37 views

create a check box that comments in/out a CSS line

So what i want to do is add border radius to a div when the user checks the check box and remove it when the check box is unchecked here is how my code looks like: the html: <div ...
0
votes
1answer
26 views

Checkbox styling in HeaderTemplate

<asp:GridView AutoGenerateColumns="false" ID="gvFriend" runat="server" PageSize="5" AllowPaging="false" DataKeyNames="Email"> <Columns> ...
1
vote
5answers
64 views

jQuery slide toggle checkbox cant change background colour

I am trying to change the background colour of the toggle to green when it is turned on. I think I have done everything correctly, but the background just stays grey. What am I doing wrong? Here is ...
0
votes
0answers
113 views

CSS Checkbox style to toggle a value

I am currently writing a program which toggles a value based on the status of a checkbox. With a normal checkbox everything works fine. HTML: <td><script> ...
0
votes
1answer
70 views

Extra space between label and checkbox in Firefox

I have a list of checkboxes with labels and I am noticing that the spacing looks different in Firefox in comparison to IE. I have applied the CSS below to try and remove all spacing. border: 0 none; ...
0
votes
2answers
74 views

Flat CheckBox using CSS

I need to flat and style CheckBox in my aspx page. I used below css code. but nothing happen. input[type="checkbox"] { border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; ...
0
votes
0answers
36 views

Weird alignment with checkboxes and their associated text

I've got a aspx website project in Visual Studio but right now I'm running into quite the stupid issue. I've created a checkboxlist that pulls its list items from database. Nothing hard. Works just ...
0
votes
1answer
59 views

prettyCheckable on jqGrid doesn't work

I have a jqGrid table (that converts a table to grid) with multi-select checkboxes. To customize the checkbox style I used prettyCheckable, that generates a label and an anchor (href) and div ...
1
vote
1answer
38 views

Can you assign two buttons to trigger animations to one element in CSS?

I need a wide div or table divided in three tds. The middle one is visible (which I achieved by putting it into another div with overflow:hidden and absolute positioning within relative positioning). ...
0
votes
0answers
20 views

Drupal checkbox and radio suddenly very small

I am working on a drupal website. Installing modules, adding CSS, when suddenly all my radio buttons, checkbox btns etc became very small. I have removed all my css and disabled the latest installed ...
0
votes
2answers
158 views

Sencha Touch 2: make a checkbox transparent or hidden

I'm trying to make my own checkbox by adding background-image to css styles: .x-input-el + .x-field-mask { background-image:url(../images/checkbox-inactive.png); } and .x-input-el:checked + ...
0
votes
1answer
49 views

CSS CheckBox Hack for Click Event not Works when nested in a DIV

How i can add the checkbox and label css click event inside a DIV? the below codes not works for me, if i remove "" its working perfect. Why is happening? HTML <div id="wrapper"> ...
1
vote
2answers
28 views

why do I need to bind checkbox with a label?

I got a quick question here. Why do we always bind a checkbox id to the for-attribute in a label? Does it have any purpose? If so, can you please list it out? And also its technical advantage. Thanks ...
-2
votes
2answers
39 views

Display button after 5x checkboxes have been ticked [closed]

I have list of check boxes using css sprite. The check boxes are fine but I would like it so that when a users has check all the boxes it then (and only then) displays a button at the bottom of the ...
2
votes
1answer
143 views

Custom checkbox not displaying properly in IE9

I have a list of checkboxes generated using this CSS code: .regularCheckbox { -webkit-appearance: none; /* WebKit */ -moz-appearance: none; /* Mozilla */ -o-appearance: none; /* Opera */ ...
0
votes
3answers
50 views

Why is a HTML checkbox consuming one pixel more than the rest?

I am trying to build a toolbar, containing a checkbox like this. <div class="toolbar"><div class="widget-toolbar"> <ul class="items"> <li class="toolbar-button ...
0
votes
0answers
71 views

How to get Firefox click behaviour to work properly with CSS styled checkbox (and some related problems in WebKit)?

I am using CSS to style the label of a checkbox as I have seen many times on the web. The problem is that Firefox behaves strange when it comes to clicking on the label. If one clicks on the label ...
0
votes
3answers
47 views

target div with a checkbox

I have a checkbox which hides/shows a div. It works when I put the checkbox directly above the div. When I place the checkbox somewhere else in the page (for better usability) it doesnt't work. Is ...
1
vote
7answers
637 views

Javascript: Change label background color on checkbox

I am trying to change the background color of a label in each checkbox in a form based on the checked/unchecked state of the checkbox.So far I got it to change initially, but it won't change back when ...
1
vote
2answers
72 views

Checkbox as image - Background Color

I have followed this link for image Checkboxes http://jsfiddle.net/jtbowden/xP2Ns/. THe scripts and css worked perfectly. .checkbox, .radio { width: 19px; height: 20px; padding: 0px; ...
1
vote
2answers
176 views

Checkboxes not displaying Chrome - Work in other browsers

I'm not sure what is going on. There should be a checkbox to the left of "Remember Me" and two test ones at the bottom for I have a bike, I have a car. They display in Firefox but not in Chrome. I ...
0
votes
1answer
52 views

Check boxes in IE not being displayed correctly

When viewing my site http://www.styleiq.co.uk the check boxes are styled correctly and function as required when using Chrome. When using IE (IE9) the first category of check boxes is displayed ...
0
votes
1answer
73 views

More than 3-Way Checkbox

I want to implement an country-selection-input. In other words, I've got a form with a 25x25px flag, which I want to be clickable - say, german as default, first click changes it to netherlands, ...
0
votes
2answers
68 views

css checkbox with changing label

Trying to make a checkbox-based css toggle button with changing content. Here's current code How to make A disappearing when the button toggles to B? Thanks for the help in advance.
0
votes
1answer
59 views

checkbox size varied in IE7

I have input checkbox in login page.this checkbox is working fine in mozilla.but in IE it is not displaying properly, checkbox size showing in IE is big as compare to mozilla.so alignment changed ...
0
votes
1answer
41 views

CSS Unchecked tab function problems

Ok so i'm creating a side column widget thing :S and its controlled with a Checkbox function. The Tab Div that is displayed is being placed in an absolute state to cover over the info underneath. I ...
3
votes
2answers
9k views

Radio Button Styling

I want to style radio buttons with pure CSS, no classes or IDs. Just input[type=radio]. I want to use a background image for unselected and selected. However, the -vendor-appearance:none; doesn't work ...

1 2 3 4 5 … 8
15 30 50 per page