选择下拉选项后，获取粗体

Question

我正在制作一个下拉列表，不知怎的，我正在解决这个问题。

这是我的下拉菜单。请看一下字体大小。现在，当我从下拉列表中选择其中一个选项时，出于某种原因它会变得大胆。 ，就像这样。

我无法生成小提琴，因为它是完全自定义的。

只是想检查一下是否有其他人遇到过此事。

由于

     <div class="dropdown tobeaddedtodropdown3  tobeaddedtodropdown3-dd" style="position: relative;display: inline;">
   <button class="btn btn-default dropdown-toggle tobeaddedtobutton3- dd signuptitle" style="" type="button" id="dropdownMenu122" data- toggle="dropdown" aria-expanded="false" value="Mrs.">Mrs.</button>
  <span class="caret downarrow downarrowsmall downarrowsmall-dd dd-1  open"></span>
    <ul class="dropdown-menu dropdown-menu-dd tobeaddedtoul3  tobeaddedtoul3-dd" role="menu" aria-labelledby="dropdownMenu1">
     <li role="presentation" class="testli3 testli3-dd">
     <a role="menuitem" tabindex="-1" href="javascript:void(0);" onclick="$('#dropdownMenu122').text('Mr.');$('#user_title').val('Mr.');"> Mr.</a></li>
     <li role="presentation" class="testli3 testli3-dd">
     <a role="menuitem" tabindex="-1" href="javascript:void(0);"  onclick="$('#dropdownMenu122').text('Ms.');$('#user_title').val('Ms.');">                      Ms .</a></li>
    <li role="presentation" class="testli3 testli3-dd">
    <a role="menuitem" tabindex="-1" href="javascript:void(0);"  onclick="$('#dropdownMenu122').text('Mrs.');$('#user_title').val('Mrs.');"      >Mrs.</a></li>
  </ul>
 </div>

更新：这是fiddle，不完全正常

Answer 1

试试这个：

 $('option').change(function () {
       $(this).find('option:selected').css('font-size', 'size_you_want');
    }).trigger('change');