KML Road Length Calculator
Yes, you are exactly right. The problem isn't the color *of the tick*, but that applying `color` and `border` properties directly to a checkbox tells the browser to *stop* using its native, default style.
The browser's default style is what includes the tick mark. When you override it, you just get a blank box.
### The Fix
To make the tick mark visible, you must **remove** the `color` and `border` lines from your `.road-checkbox` CSS rule.
**Your Current Code (Problematic):**
```css
.road-checkbox {
width: 18px;
height: 18px;
color: red; /* REMOVE THIS */
border: 1px solid #ddd; /* REMOVE THIS */
cursor: pointer;
}
```
**Corrected Code (Tick mark will appear):**
```css
.road-checkbox {
width: 18px;
height: 18px;
cursor: pointer;
vertical-align: middle; /* This is optional but helps align it in the table cell */
}
```
-----
### Full Corrected `` section with this one.
```css
```
KML Road Length Calculator
Select one or more KML files. Use the checkboxes in the table to calculate the total length of selected roads.
Posts
0 Comments
If you have any doubts, suggestions , corrections etc. let me know