Removing bullets from radio buttons when using Django forms

css, django, html

Solution

have you tried using CSS like this?

fieldset.inlineLabels ul {list-style:none}

Problem

I'm trying to remove the bullets that are showing up beside the radio button when rendering a form. My template is as follows: ``` <form class="form-horizontal" enctype="multipart/form-data" method="POST" action="" class="uniForm"> <fieldset class="inlineLabels"> {% csrf_token %} <br> <h6>Library Type</h6> {{ formtoaddmodel.type }} </fieldset> </form> ``` The type field is a `TypedChoiceField`, which produced radio buttons for the choices, but the problem is it puts a bullet point before each radio button. To remove the bullets, I read that you need to include . However, I'm not sure where to put this. When I do this in the CSS it affects everywhere in my site where I use bulleted lists. Is there a way to do this in the template to over-ride the CSS, and if yes, how?

Original source

Related problems