Как настроить контейнер выпадающей опции в html/css?

Я хотел бы изменить радиус границы и границу того, на что указывает стрелка. Вот мой код.

HTML- Я использую django forms и определил класс там:

    <div class="container-form">
        <h1>ADD ISSUE</h1>
        <form action="" method="POST">
            {% csrf_token %}
            {% for form in forms %}
            {{ form|safe }}
            {% endfor %}
            <input type="submit" value="create" class="submit-form">
        </form>
    </div>
   

Django forms:

    class IssueForm(ModelForm):
        project_bug = forms.CharField(max_length=200, required=True,
        widget=forms.TextInput(attrs={'class':'bug_form_text', 'placeholder':'Write your issue here'}))
        status = forms.ChoiceField(choices=Issue.StatusType.choices, required=True,  
        widget=forms.Select(attrs={'class':'bug_form_dropdown'}))
        difficulty = forms.ChoiceField(choices=Issue.DifficultyType.choices ,required=True, 
        widget=forms.Select(attrs={'class':'bug_form_dropdown'})) 

 

Css:

.bug_form_text{
    margin-top: 1em;
    border: none;
    border-bottom: 2px solid black;
    padding-bottom: .5em;
    outline: none;
    font-size: 1rem;
    background-color: transparent;

}

.bug_form_dropdown{
    margin-top: 1em;
    border: none;
    outline: none;
    height: 4vh;
    background-color: #262626;
    color: #f2f2f2;
    border-radius: 3px;
    width: 70%;
    overflow: hidden;
    transition: ease-in 1s;
}

.submit-form{
    margin-top: 1em;
    border: none;
    border-radius: 3px;
    outline: none;
    padding: .7em 2em;
    background-color: #e50914;
    color: #f2f2f2;
}

Попытка: Я пробовал .bug_form_dropdown option{} это не сработало.

Вернуться на верх