Áp dụng tiền tố nhà cung cấp để tạo góc bo tròn trong LESS

Hãy tạo một hàm sẽ bo góc một cách tương thích đa trình duyệt:

styles.less.radius(@radius) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

Hãy sử dụng hàm của chúng ta:

styles.lessdiv {
  .radius(10px);
}

Kết quả biên dịch:

styles.cssdiv {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}