Vite+Vue 页面不需要的 CSS 样式

问题描述 投票：0回答：2

在Vite-Vue应用程序中，我实现了index.html和vue组件/视图的样式，但浏览器将它们显示为被划掉。我在组件/视图中添加的许多=样式也被划掉了。 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
    <style>
      body {
        min-height: auto;
        color: black;
        background: white;
        transition: none;
        line-height: normal;
        font-family: 'Arial', sans-serif;
        font-size: 16px;
        text-rendering: auto;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

如何删除这些不需要的样式并停止在 Vite-Vue 应用程序中修改我的样式？

css vue.js vuejs3 vite
2个回答
0
投票

yoduh 给我建议 - 我更改了文件 base.css 和 main.css 并且它起作用了！

0
投票

如果您单击此处，chrome 或 Edge 会将您带到此 css 的源文件，您可以找到哪个文件执行了该操作并将其删除。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.