写一个HTML的下拉框样式，将选中的结果console.log输出

好的，下面是一个例子：

HTML代码：

<select id="mySelect" onchange="showSelected()">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

JavaScript代码：

function showSelected() {
  var select = document.getElementById("mySelect");
  var selected = select.options[select.selectedIndex].value;
  console.log(selected);
}

CSS样式代码（可选）：

select {
  padding: 5px;
  font-size: 16px;
  border: 1px solid gray;
  border-radius: 5px;
  background-color: white;
  color: black;
}

select:focus {
  outline: none;
  border: 1px solid blue;
}

在这个例子中，我们创建了一个下拉框，它包含四个选项。当用户选择其中一个选项时，`showSelected`函数将被调用，它将选中的值存储在一个变量中，并将其输出到浏览器控制台中。CSS样式用于美化下拉框，使其看起来更加友好。