单击提交按钮时，输入文本框图标正在展开，如何使用CSS修复？

.icon.expanded {
  /* 添加展开状态的样式 */
  /* 例如，修改图标的颜色、大小等 */
}

// 使用JavaScript
var icon = document.querySelector('.icon');
var input = document.querySelector('input');

document.querySelector('button').addEventListener('click', function() {
  icon.classList.toggle('expanded');
  input.focus(); // 可选：将焦点设置回输入框，以便用户可以继续输入
});

// 使用jQuery
$('button').click(function() {
  $('.icon').toggleClass('expanded');
  $('input').focus(); // 可选：将焦点设置回输入框，以便用户可以继续输入
});