要实现Angular CLI对Less的跨浏览器支持，可以按照以下步骤进行：

1. 安装Less依赖库：

   npm install less --save-dev
   

2. 在.angular-cli.json文件中配置Less作为样式预处理器：

   {
     "apps": [
       {
         "styles": [
           "styles.less"
         ]
       }
     ]
   }
   

3. 在项目根目录下创建一个styles.less文件，并在其中编写Less样式代码。例如：

   @primary-color: #007bff;
   
   .my-class {
     color: @primary-color;
   }
   

4. 在组件的样式文件中使用Less样式。例如，在app.component.css文件中：

   @import '../styles.less';
   
   .my-component {
     .my-class;
   }
   

5. 修改angular.json文件，将styles选项更改为less：

   "styles": [
     "src/styles.less"
   ],
   

6. 安装@angular-builders/custom-webpack依赖库：

   npm install @angular-builders/custom-webpack --save-dev
   

7. 在项目根目录创建一个webpack.config.js文件，并添加以下内容：

   const less = require('less');
   
   module.exports = {
     module: {
       rules: [
         {
           test: /\.less$/,
           loader: 'less-loader',
           options: {
             implementation: less
           }
         }
       ]
     }
   }
   

8. 修改angular.json文件，使用自定义webpack配置：

   "architect": {
     "build": {
       "builder": "@angular-builders/custom-webpack:browser",
       "options": {
         "customWebpackConfig": {
           "path": "./webpack.config.js"
         },
         // ...
       }
     }
   }
   

这样配置后，Angular CLI将会使用Less作为样式预处理器，并能够正常编译和跨浏览器支持Less样式。