function showModal(type, index) { let modal = document.getElementById('modal'); let form = modal.querySelector('form'); let saveBtn = modal.querySelector('#save-btn'); let cancelBtn = modal.querySelector('#cancel-btn'); if (type === 'add') { form.reset(); saveBtn.textContent = '添加'; } else if (type === 'edit') { let contact = contacts[index]; form.name.value = contact.name; form.phone.value = contact.phone; form.email.value = contact.email; saveBtn.textContent = '保存'; } modal.style.display = 'block';怎么给里面的编辑和删除按钮添加样式

你可以在 HTML 代码中为编辑和删除按钮添加类名，然后在 CSS 中定义这些类的样式。例如：

HTML 代码：

<button class="edit-btn">编辑</button>
<button class="delete-btn">删除</button>

CSS 代码：

.edit-btn {
  background-color: blue;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

.delete-btn {
  background-color: red;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

在这个示例中，我们为编辑按钮和删除按钮分别添加了 `edit-btn` 和 `delete-btn` 类，并为这些类定义了一些基本的样式，包括背景颜色、文字颜色、边框、内边距和鼠标指针样式。你可以根据自己的需要调整这些样式。