从下拉列表中选择一个值时，如何放大？

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

#mySelect option:checked {
  font-size: 1.2em; /* 放大选中的字体大小 */
  color: blue; /* 可以添加其他样式 */
}

document.getElementById('mySelect').addEventListener('change', function() {
  // 清除之前的选中样式
  var options = this.options;
  for (var i = 0; i < options.length; i++) {
    options[i].style.fontSize = '';
    options[i].style.color = '';
  }
  // 设置当前选中的样式
  this.options[this.selectedIndex].style.fontSize = '1.2em';
  this.options[this.selectedIndex].style.color = 'blue';
});